随笔分类 -  JS代码

JS代码、特效等
摘要:下面是某网站上的一个品牌列表展示效果,用户进入页面时,品牌列表默认是精简显示的(即不完整的品牌列表)效果如下图所示:用户可以单击商品列表下方的“显示全部品牌”按钮来显示全部的品牌。单击“显示全部品牌”按钮同时,列表会将推荐的品牌的名字高亮显示,按钮里的文字也换成了“精简显示品牌”。再次单击“精简显示品牌”按钮,即可回到初始状态。实现这个示例,代码如下:…… 佳能(3048) 索尼(204) 三星(1040) 尼康(390) 松下(700) 明基(800) 三洋(700) 拍得丽(800) 尼柯(700) 爱国者(800) 其... 阅读全文
posted @ 2013-12-16 10:29 rightzhao 阅读(720) 评论(0) 推荐(0)
摘要:浏览网站时经常看到有的网站上,当一个页面很长的时候,设定侧栏内容会跟随滚动条滚动,我们把这种效果叫做“侧栏跟随滚动”。这种特效对提高网站浏览量、文章点击率、广告点击量都有一定效果。侧栏跟随滚动的实现方法有很多种,比较常见的有两种,这两种方法在NEOEASE写的一篇文章中介绍的很清楚,一种是借助jQuery来实现,这种方法对于那些平时不需要加载jQuery库的网站来说,显然是一种负担(jQuery现在是越做越大了……)。另外一种方法是通过原生javascript编写的效果,这种方法相比上一种,要轻盈得多。但是,我还是不够满足,原生的javascript写的文件也有4K多,对于我这种至简至上的人来 阅读全文
posted @ 2013-12-14 12:41 rightzhao 阅读(683) 评论(0) 推荐(0)
摘要:好多页面都有用到这种效果,大概就是不论页面上下如何滚动,固定不动的元素不随页面滚动,代码如下:无标题文档 1 2 3 4 5 6 7 8 9 10 我不懂 阅读全文
posted @ 2013-12-14 11:43 rightzhao 阅读(893) 评论(0) 推荐(0)
摘要:如果不希望下载并存放 jQuery,那么也可以通过 CDN(内容分发网络) 引用它。谷歌和微软的服务器都存有 jQuery 。如需从谷歌或微软引用 jQuery,请使用以下代码之一:Google CDN:提示:通过 Google CDN 来获得最新可用的版本:如果您观察上什么的 Google URL - 在 URL 中规定了 jQuery 版本 (1.8.0)。如果您希望使用最新版本的 jQuery,也可以从版本字符串的末尾(比如本例 1.8)删除一个数字,谷歌会返回 1.8 系列中最新的可用版本(1.8.0、1.8.1 等等),或者也可以只剩第一个数字,那么谷歌会返回 1 系列中最新的可用版 阅读全文
posted @ 2013-12-12 17:31 rightzhao 阅读(1863) 评论(0) 推荐(0)