jquery仿商城网站右下角浮动窗口商品随机展示效果代码



103 411 138



特效描述:右下角浮动窗口 商品随机展示,风格百搭型随机展示图

代码结构

1. 引入JS

<script type="text/javascript" src="jquery_1_7.js"></script>
<script type="text/javascript" src="King_Chance_Layer.js"></script>
<script type="text/javascript" src="jquery_1_7.js"></script>
<script type="text/javascript" src="King_Chance_Layer.js"></script>

2. HTML代码

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>右侧广告弹出层</title>
<style type="text/css">
* { margin:0; padding:0;}
</style>
</head>
<body style="height:2000px;">
	<div class="King_Chance_Layer">
    	<div class="King_Chance_LayerCont" style="display:none;">
        	<div class="King_Chance_Layer_Close">Close</div>
            <div class="King_Chance_Layer_Title">SHOPBEST 商城SHOPBEST 商城SHOPBEST 商城SHOPBEST 商城</div>
            <div class="King_Chance_Layer_Btn">
            	<ul>
                	<li><a href="#" title="百搭潮">百搭潮</a></li>
                    <li><a href="#" title="抗皱棉">抗皱棉</a></li>
                    <li><a href="#" title="植绒">植绒</a></li>
                    <li><a href="#" title="潮范">潮范</a></li>
                </ul>
            </div>
            <div class="King_Chance_Layer_Content">
            	<ul>
                	<li><a href="#" title="百搭潮"><img src="ipush1.jpg" alt="百搭潮"></a></li>
                    <li><a href="#" title="抗皱棉"><img src="ipush2.jpg" alt="抗皱棉"></a></li>
                    <li><a href="#" title="植绒"><img src="ipush3.jpg" alt="植绒"></a></li>
                    <li><a href="#" title="潮范"><img src="ipush4.jpg" alt="潮范"></a></li>
                </ul>
            </div>
        </div>
    </div>
    <script type="text/javascript">
	$(document).ready(function(){
		var King_Chance_Layer_Array = new Array();
		King_Chance_Layer_Array[0] = 10;
		King_Chance_Layer_Array[1] = 10;
		King_Chance_Layer_Array[2] = 10;
		King_Chance_Layer_Array[3] = 10;
		King_Chance_Layer_Array[4] = 10;
		King_Chance_Layer_Array[5] = 10;
		King_Chance_Layer_Array[6] = 40;
		King_Chance_Layer_Probability(King_Chance_Layer_Array);
		});
	</script>
</body>
</html>



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


热门标签: 滚动切换 滚动条切换 滑动选项卡 滑动切换 浮动 悬浮 悬浮层 悬浮框 浮动层 浮动框 浮动插件 悬浮插件 选项卡切换 选项卡 切换 tab切换 页面切换 选项卡插件 切换插件 滑动手风琴 浮动提示框 浮动菜单 浮动导航 选项卡自动切换

×
×

注册

官方QQ群

扫描上面二维码加微信群

官方QQ群

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

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