【第22期】观点:IT 行业加班,到底有没有价值?

前端轮播小结

转载 2016年06月01日 09:36:27

git仓库地址https://github.com/wjf444128852/Carousel.git

1、carousel-1效果演示:http://wjf444128852.github.io/demo/Carousel/

主要是tab切换样式的切换,用JS加载的img的src属性,缺点是加载的慢效果不佳。

2、carousel-2效果演示:http://wjf444128852.github.io/demo/carousel_02/

原理:改变ul的left的属性值,到达最右边把该LI从ul的头部remove在append到ul的尾部

3、carousel-3效果演示:http://wjf444128852.github.io/demo/carousel_03/

koringz.github.io的作品,闭包原型链版,兼容性欠缺。

4、carousel-4(推荐,原文:脚儿网)效果演示:http://wjf444128852.github.io/demo/carousel_04/

各种效果集结,只需改个小参数。很好

5、carousel-5(jquery的兼容性好点)效果演示:http://wjf444128852.github.io/demo/carousel-05/

jquery的fadeIn和fadeOut版本,兼容性最好。效果一般

6、carousel-6(javascript改变opacity)效果演示:http://wjf444128852.github.io/demo/carousel-06/

改变透明度,兼容性欠缺

7、carousel-7-1(jquerySlide插件Tab切换)效果演示:http://wjf444128852.github.io/demo/jQuerySlide/demo01.html

插件版,效果佳兼容性佳

8、carousel-7-2(jquerySlide插件轮播效果)效果演示:http://wjf444128852.github.io/demo/jQuerySlide/demo02.html

插件版,效果佳兼容性佳


原文:http://www.cnblogs.com/-walker/p/5485721.html

举报

相关文章推荐

【jquery前端开发】可调整的幻灯片(图片轮播)

这是我转自别人的博客的,看到代码封装的

新闻发布系统的设计与实现

摘要  伴随着网络的出现,网页逐渐融入人们的生活。快速及时的新闻浏览,五彩缤纷的网上信息,使网络与人们的生活息息相关。它打破了地域限制,真正使信息得以共享,改变了人们的工作和生活方式。网站新闻发布系统,是将网站上需要经常变动的信息,类似公司动态、企业新闻、新产品发布、促销活动和行业动态等更新信息集中管理,并通过信息的某些共性进行分类,最后系统化、标准化发布到网站上的一种网站应用程序。 本系统采用ASP作为开发环境,ACCESS 2000作为数据库服务器,I
  • epai
  • epai
  • 2010-06-05 22:52
  • 1348

Web前端笔记之轮播图和定时器

焦点图和轮播 *{ margin: 0; padding: 0; } a{ text-decoration: none; } ...

【IT修真院】零基础到就业一个月系列之【CSS】篇

[color=darkred][b]北京葡萄藤.IT修真院 http://www.jnshu.com =============================== 免费,快速,高效的帮助IT新人入门。微信公众号:葡萄藤IT技能树。球球群:一八五三五四一八八[/b][/color] [color=green][b]前言 =============================== CSS入门比较简单,很适合零基础的人去学习。但是该从哪里开始呢?又该学到什么程度,学会了之后,又会能找到一份什么样的工作呢。[/b][/color] [color=darkblu

前端JS案例(二):自动轮播+手动拨动

一、自动轮播 html代码: ...
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)