• 不一样的角度 带你领略昭苏巴勒克苏大草原 2019-05-23
  • 高清:国青足球邀请赛 国青1 2019-05-23
  • 想家了!红红火火迎新年 青城呼和浩特年味十足 2019-05-16
  • 山西省地勘局211队举办“安全生产月”知识培训--黄河新闻网 2019-05-16
  • 联播快讯:长江镇江段今起实施12天限时封航 2019-05-14
  • 中央环保督察回头看在河北 2019-05-14
  • 各项赛事三连冠之后 RNG距离S8冠军还有多远 2019-05-11
  • 四川黄龙自然保护区第7次发现野生大熊猫踪迹 2019-05-10
  • 拜腾概念车局部图曝光 将于6月12日全球首发 2019-05-04
  • “高深文学创作回顾研讨会”在北京举行 2019-04-29
  • 和平金沙湾社区举行爱我美丽沈阳”端午节活动 2019-04-29
  • 朱德之孙朱和平谈“人民军队的创建” 2019-04-24
  • P2P平台钱满仓人去楼空疑似爆雷 待偿金额超2亿 2019-04-24
  • 哥大在读硕士马健瑞创业 为留学生做“专属保护”装备 2019-04-24
  • 专访香港特区政府财政司司长陈茂波 2019-04-24
  • QQ客服
    当前位置 : 云南快乐十分前三 > 代码 > 网页特效 > 图片代码 > jquery仿百度AI官网banner图片代码

    体彩云南11选5开奖结果: 原创商用 jquery仿百度AI官网banner图片代码

    jQuery SuperSlide制作百度AI官网宽屏的焦点图片切换,带文字标题和左右按钮控制banner大图切换效果代码。
    [声明]该素材属于原创商用,未经允许请勿转载,内有版权说明,否则追究相应的法律责任。

    使用方法:

    1、head引入css文件

    <link rel="stylesheet" type="text/css" href="statics/css/style.css" />
    

    2、head引入js文件

    <script type="text/javascript" src="statics/js/jquery1.42.min.js"></script>
    <script type="text/javascript" src="statics/js/jquery.SuperSlide.2.1.3.js"></script>
    

    3、body引入HTML代码

    <div id="slideBox" class="slideBox">
    	<div class="hd">
    		<ul>
    			<li>
    				<span>EdgeBoard火热开售</span>
    				<div class="dot">
    					<div class="liner"></div>
    				</div>
    			</li>
    			<li>
    				<span>人脸考勤解决方案</span>
    				<div class="dot">
    					<div class="liner"></div>
    				</div>
    			</li>
    			<li>
    				<span>车辆分析 全新上线</span>
    				<div class="dot">
    					<div class="liner"></div>
    				</div>
    			</li>
    			<li>
    				<span>OCR 3款新品火热邀测</span>
    				<div class="dot">
    					<div class="liner"></div>
    				</div>
    			</li>
    			<li>
    				<span>人脸离线识别SDK 2.0</span>
    				<div class="dot">
    					<div class="liner"></div>
    				</div>
    			</li>
    			<li>
    				<span>地标识别技术上线</span>
    				<div class="dot">
    					<div class="liner"></div>
    				</div>
    			</li>
    		</ul>
    	</div>
    	<div class="bd">
    		<ul>
    			<li style="background-color: rgb(183, 159, 255);">
    				<a href="#" target="_blank"><img src="statics/images/1.jpg" /></a>
    			</li>
    			<li style="background-color: rgb(56, 29, 140);">
    				<a href="#" target="_blank"><img src="statics/images/2.png" /></a>
    			</li>
    			<li style="background-color: rgb(56, 42, 186);">
    				<a href="#" target="_blank"><img src="statics/images/3.png" /></a>
    			</li>
    			<li style="background-color: rgb(179, 166, 251);">
    				<a href="#" target="_blank"><img src="statics/images/4.jpg" /></a>
    			</li>
    			<li style="background-color: rgb(91, 66, 207);">
    				<a href="#" target="_blank"><img src="statics/images/5.jpg" /></a>
    			</li>
    			<li style="background-color: rgb(37, 70, 187);">
    				<a href="#" target="_blank"><img src="statics/images/6.jpg" /></a>
    			</li>
    		</ul>
    	</div>
    
    	<!-- 下面是前/后按钮代码,如果不需要删除即可 -->
    	<a class="prev" href="javascript:void(0)"></a>
    	<a class="next" href="javascript:void(0)"></a>
    
    </div>
    
    <script type="text/javascript">
    	jQuery(".slideBox").slide({
    		mainCell: ".bd ul",
    		effect: "fold",
    		trigger: "click",
    		autoPlay: true,
    		mouseOverStop: false,
    		startFun:function(i,c){
    			$('.bd ul li').removeClass('active').eq(i).addClass('active');
    		}
    	});
    </script>
    
    下载素材后进行评论,每个素材只能评论一次。
    [声明]本站素材来自用户分享,仅限学习交流请勿用于商业用途。如损害你的权益请联系客服QQ:2447402004给予处理。
    举报×
    举报原因:

    相关代码

    二维码
    意见反馈
    ×
    ×

    注册

    QQ注册 立即下载 云南快乐十分前三

    签到成功!

    已连续签到1天,签到3天将获得积分VIP1天

    知道了
  • 不一样的角度 带你领略昭苏巴勒克苏大草原 2019-05-23
  • 高清:国青足球邀请赛 国青1 2019-05-23
  • 想家了!红红火火迎新年 青城呼和浩特年味十足 2019-05-16
  • 山西省地勘局211队举办“安全生产月”知识培训--黄河新闻网 2019-05-16
  • 联播快讯:长江镇江段今起实施12天限时封航 2019-05-14
  • 中央环保督察回头看在河北 2019-05-14
  • 各项赛事三连冠之后 RNG距离S8冠军还有多远 2019-05-11
  • 四川黄龙自然保护区第7次发现野生大熊猫踪迹 2019-05-10
  • 拜腾概念车局部图曝光 将于6月12日全球首发 2019-05-04
  • “高深文学创作回顾研讨会”在北京举行 2019-04-29
  • 和平金沙湾社区举行爱我美丽沈阳”端午节活动 2019-04-29
  • 朱德之孙朱和平谈“人民军队的创建” 2019-04-24
  • P2P平台钱满仓人去楼空疑似爆雷 待偿金额超2亿 2019-04-24
  • 哥大在读硕士马健瑞创业 为留学生做“专属保护”装备 2019-04-24
  • 专访香港特区政府财政司司长陈茂波 2019-04-24
  • 6场半全场胜负游戏 新疆时时彩怎么样 湖南彩票论坛排三排五 福彩36选7 足彩进球彩过滤 秒速飞艇五码二期计划 重庆幸运农场有陷阱 北京赛車pk10 以下哪个是手机爱彩网的地址 北京pk10计划50期连中 极速时时彩78开奖结果 超级大乐透走势图 足球14场胜负彩票 北京pk10投注平台 北单北京单场竞彩足球 快赢481