javascript - 如何不用javascript开发轮播

标签 javascript progressive-enhancement

任何人都可以告诉我如何在没有 jquery 和 javascript 的情况下开发一个网站吗?

目前,我有一个使用 jquery 循环插件开发的轮播,但是当我们改变主意时,我们应该实现我们的网站,相信“网络为所有人,使用渐进增强”,这对我来说听起来不错,但不知道我是怎么做的将修改我现有的轮播和 Accordion ,以便在禁用 JavaScript 的情况下运行。

我必须在没有 javascript 或最少使用 javascript 的情况下运行这些轮播和 Accordion 。仅使用 css3 和 html5,因此如果 javascript 关闭,用户仍然可以查看。目前没有 javascript, Accordion 会中断,只是显示所有内容并且轮播卡住了!

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

提前致谢。

等待您的答复。

最佳答案

网站上的交互性是通过 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,不喜欢轮播,甚至没有互联网。您无法让每个人都可以访问您的网站!只需考虑成本和 yield ,然后选择一些合理的选择!

我自己认为带有 CSS3 后备的 Javascript 对于大多数人来说效果都很好:)

祝你好运!

关于javascript - 如何不用javascript开发轮播,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8194760/

相关文章:

javascript - D3JS 花瓣/花图。如何适应使用数据

javascript - 如何在 JavaScript 中创建自定义错误?

javascript - 如何使用 Aurelia.io 增强服务器端生成的页面?

javascript - 渐进增强技巧

javascript - 检测对元视口(viewport)缩放的支持

javascript - 延迟 CSS 加载,为什么包含预加载 <link> 更快?

javascript - 使用 javascript 或 jquery 模拟 ctrl + 单击(打开一个没有焦点的新选项卡)

javascript - 使用 npm 让 ng-bootstrap 用于 Angular cli 元素

javascript - 我应该如何解决冗余在渐进增强/优雅降级中的作用?

javascript - 解析兼容性和安全性