添加到百度首页
添加收藏 RSS 网站地图 旧版网站
  • 全部
  • 网页特效
  • 建站教程
  • 设计分享
当前位置:首页 > 网页特效 > 焦点图 >

金山快盘网站jQuery自动轮播焦点图

时间:2013-11-18      来源:互联网     
特效说明:
一款金山快盘网站jQuery自动轮播焦点图网页特效,只适应宽屏bannner焦点图,自动轮播及左右平滑滚动切换焦点图。优点:自适应宽屏;缺点:IE6不支持png图片切换;因用到透明渐变切换、IE7、IE8PNG图标略带黑边(去除方式:去掉切换时渐变效果)。(兼容测试:IE7及以上、Firefox、Chrome、Opera、Safari、360等主流浏览器)
使用方法:
1、调用CSS样式:
<link rel="stylesheet" type="text/css" href="css/index.css" />

2、调用JS代码:
<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="js/jquery_bar.js"></script>

3、添加HTML代码:
加入<!--效果html开始-->......<!--效果html结束-->之间的html代码;放在<body></body>之间。

4、实例化标签:
<script language="javascript">
$('#top-main .left-banner').fadeAnimate({});
</script>
相关特效

最新更新特效

设计分享