使用jQuery完善普通网页
JavaScript不是最容易学习的语言。 许多了解标准HTML的Web开发人员都对此颇为畏惧。 新一代的JavaScript框架已经出现了一段时间,并且开始大步进入网络。
所有现代的浏览器都能够高效运行JavaScript(最近对 火狐 确实加快了引擎的速度)。 我强烈建议下载并使用Firefox – 插件 独自使它变得无价。
jQuery的 是我最近一直在尝试的JavaScript框架。 当我为一个新的创业公司放置一个占位符时,我们没有足够的内容来容纳一个完整的网站,但是我们确实想建立一个漂亮的页面来描述即将发生的事情。 我们想在几分钟内完成!
jQuery只是达到目的。
对jQuery +进行几乎任何搜索,您还将发现开发人员已经构建了可以使用的解决方案,称为插件! 在这种情况下,我搜索了“ jQuery旋转木马”,发现了一个很棒的,全面的 动态驱动器上的jQuery轮播解决方案.
jQuery的另一个优点是 代码现在由Google托管。 因此,您不需要将jQuery上传到您自己的服务器,也不需要您的网站的读者每次都下载它。 如果他们去过一个引用jQuery的网站,它会自动缓存起来供您的网站使用!
只需将代码添加到您的head标签中,即可启动并运行jQuery:
要运行轮播,我确实必须上传并引用stepcarousel脚本:
之后,修改页面很简单! 我将轮播放入名为的div中 我的图片库 和带 面板 在称为 带。 然后,我在body标签内添加了一小部分设置代码。
您可以自定义动作很多。 在这种情况下,我将脚本修改为在页面加载时自动运行。 我自定义了每个面板的显示速度和持续时间,以及用于左右手动旋转面板的按钮。 该插件的另一个很酷的功能–当您进入最后一个面板时,它 倒带 回到第一!
如果您担心编程或JavaScript令人生畏,则jQuery可能是您的解决方案。 在大多数情况下,您只需要复制和粘贴文件引用,编辑一些设置,正确构造页面即可……然后开始运行。