利用jQuery实现随身WiFi官网焦点图切换



76 301 101



特效描述:利用jQuery实现 随身WiFi官网 焦点图切换,利用jQuery实现随身WiFi官网焦点图切换

代码结构

1. 引入CSS

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

2. 引入JS

<script src="js/181.js"></script>
<script src="js/jquery.slides.min.js"></script>

3. HTML代码

<br>
<div class="slide-bg">
	<div class="slide-wp">
        <div id="slides" class="slides">
            <div>
                <div class="slideChild" style="display:none;">
                    <span class="timeTip">7月18日 11:00准时开启</span>
                    <a class="a-ad js-aAd" href="http://51qianduan.com/">预订查询&gt;&gt;</a>
                </div>
                <img class="slideImg" src="images/t01746f5ad67139695c.jpg" galleryimg="no">
            </div>
            <div>
                <div class="slideChild">
                    <a class="a-jd opa js-aJd" href="http://51qianduan.com/"></a>
                </div>
        	    <img class="slideImg" src="images/t01ad48eb0945669efd.jpg" galleryimg="no">
            </div>
            <div>
                <div class="slideChild">
                    <a class="a-video opa js-aVideo" href="http://51qianduan.com/" target="_blank"></a>
                </div>
        	    <img class="slideImg" src="images/t010065ee4026733ca0.jpg" galleryimg="no">
            </div>
        </div><!--end slides-->
    </div><!--end slide-wp-->
</div><!--end slide-bg-->
<div class="uptop"><a href="#"></a></div><!--end top-->
<script>
$(function() {
	$('#slides').slidesjs({
		play:{
			active: false,
			effect: "fade",
			auto: true,
			interval: 4000
		},
		effect: {
			fade: {
			speed: 1500,
			crossfade: true
			}
		},
		pagination: {
			active: true
		},
		navigation:{
			active: false
		}
	});
});
</script>
<div style="text-align:center;clear:both">
</div>



用户评论
大牛,别默默的看了,快登录帮我点评一下吧!:)      登录 | 注册


热门标签: 导航切换 图片淡出淡进 带标题的焦点图 文字淡出淡进 带缩略图的幻灯片 带简介的焦点图 图片切换 图片轮播 文字切换 自动滚动图片轮播 背景切换 马赛克幻灯片 手风琴 全屏焦点图 选项卡自动切换 视频切换 列表切换 渐隐切换 全屏切换 切换按钮 缩放切换 滚动切换 滑动选项卡切换 flash焦点图 选项卡切换 滑动手风琴 渐隐切换 淡出淡入淡进 焦点图幻灯片

×
×

注册

官方QQ群

扫描上面二维码加微信群

官方QQ群

jQuery/js讨论群
群号:642649996
Css3+Html5讨论群
群号:322131262

加群请备注:从官网了解到