jquery仿商城網站右下角浮動窗口商品隨機展示效果代碼



108 429 144



特效描述:右下角浮動窗口 商品隨機展示,風格百搭型隨機展示圖

代碼結構

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

加群請備注:從官網了解到

老夫子电子