随笔分类 -  焦点图

摘要:今天无意中在网上发现的,代码非常的简单,一看就明白的js图片切换效果代码,喜欢简洁的朋友可以参考一下。html:1 图片可以自己设置的,下面我们来看下切换脚本,利用数组把图片装起来。 1 这段代码,简单但很巧妙。经过测试,完全可以实现自动切换。 阅读全文
posted @ 2015-01-27 11:13 wanwet 阅读(276) 评论(0) 推荐(0)
摘要:从很多焦点轮播图中我们都可以看到下面的显示相应图片的索引小圆环。淘宝:魅族:其他:当然还可以直接用图片来制作小圆环。每一个的切换效果是用jQuery做的。需要先引入一个jQuery文件。切换效果就是这行代码:1 首先是淘宝的。html:1 2 3 4 5 6 7 8 css: 1 然后是魅族:htm... 阅读全文
posted @ 2015-01-26 16:44 wanwet 阅读(190) 评论(0) 推荐(0)
摘要:这个是图文的左右滚动,一般是一版几个图片,图片下面配有文字。现在实现的有:文档首次载入后,会自动切换。如果点击了左右按钮或者是下面的索引小圆,就会关闭定时器。需要解决的问题是,如果不对轮播图进行操作后3s,它又会自动开启定时器进行切换了。jQuery实现的要添加一个jQuery库文件。可以是本地的,... 阅读全文
posted @ 2015-01-26 16:37 wanwet 阅读(771) 评论(0) 推荐(0)
摘要:效果比较单一,就是两个左右按钮,点击图片就会切换,图片是用js添加的。上代码:html:1 2 3 4 ◄1/► 7 css:1 *{ margin:0; padding:0}2 #img_container{ text-align:left; position:rela... 阅读全文
posted @ 2015-01-24 15:34 wanwet 阅读(1524) 评论(0) 推荐(0)
摘要:这篇文章主要介绍了用html+css+js(jQuery)实现的一个简单的图片切换特效,需要的朋友可以参考下.记得要引入一个jQuery库文件,可以是网上在线的,也可以是本地的,注意路径。如图所示。该图片切换特效实现很简单,而且兼容性很好。html页面如下复制代码代码如下: c... 阅读全文
posted @ 2015-01-22 11:16 wanwet 阅读(1037) 评论(0) 推荐(0)