2

谁能告诉我如何在没有 jquery 和 javascript 的情况下开发网站。

目前我有一个使用 jquery 循环插件开发的轮播,但是当我们改变想法时,我们应该实现我们的网站,相信“所有人的网络,使用渐进增强”,这对我来说听起来不错,但不知道我将如何修改我的如果禁用 javascript,现有的轮播和手风琴将运行。

我必须在没有 javascript 或最少使用 javascript 的情况下运行那些轮播和手风琴。仅使用 css3 和 html5,因此如果 javascript 关闭,用户仍然可以查看。目前没有javascript,手风琴休息,只是它显示所有内容和轮播只是卡住了!

我只是在寻找一些想法,如何在没有 JS 的情况下运行我现有的轮播、手风琴。

提前致谢。

等待您的答复。

4

2 回答 2

2

网站上的交互性是通过 CSS 和 Javascript 提供的。如果禁用 Javascript,则必须使用 CSS 进行所有交互。

CSS3 当然能够生成轮播。有关一些示例,请参见http://speckyboy.com/2010/06/09/10-pure-css3-image-galleries-and-sliders/。这是(德语,但可以理解)纯 CSS3 轮播的演练:http ://webstandard.kulando.de/post/2010/05/21/sliding-image-gallery-css3-transition-tutorial

尽管如此,虽然这很好,并且为没有 Javascript 的人解决了问题,但它给使用不支持 CSS3 的旧浏览器的人带来了同样多的问题......

告诉你的老板,总会有人没有 Javascript,没有 CSS3,不喜欢轮播,甚至没有互联网。您不能让每个人都可以访问您的网站!只需考虑成本和收益,然后选择一些合理的选择!

我自己认为带有 CSS3 后备的 Javascript 对大多数人都适用 :)

祝你好运!

于 2011-11-19T15:32:56.447 回答
1

您将要查看 css3 转换、转换和 :active 伪类。

过渡:http ://www.alistapart.com/articles/understanding-css3-transitions/

转换:http: //24ways.org/2010/intro-to-css-3d-transforms

伪类:http ://coding.smashingmagazine.com/2011/03/30/how-to-use-css3-pseudo-classes/

如果您不想使用 javascript,您最终将一次显示所有图像,或者在 ie6 等浏览器中显示一个静态图像。

于 2011-11-19T15:05:26.850 回答