Ⅰ 淘寶大圖片輪播代碼 要求950X500 謝謝

進我網路空間里查看,可以省不少力氣,這都是當時我做店鋪裝修時精心搜集的,肯定對你有幫助

Ⅱ 免費全屏輪播代碼 詳細點!!!

你要天貓的還是淘寶的

我現在只有全屏的,不是輪播的,需要的話,我可以去找找

淘寶:

<divstyle="height:550px;">

<divclass="footer-more-trigger"style="width:1920px;height:550px;top:auto;padding:0px;border:none;left:50%;">

<divclass="footer-more-trigger"style="width:1920px;height:600px;padding:0px;border:none;left:-50%;">

<imgborder="0"height="550px"src="——————圖片地址——————"width="1920px"/></div>

</div>

</div>

天貓:

<divstyle="height:【高:例600】px">

<divclass="sn-simple-logo"style="padding-bottom:0px;padding-left:0px;padding-right:0px;top:auto;padding-top:0px;left:50%">

<divclass="sn-simple-logo"style="padding-bottom:0px;padding-left:0px;padding-right:0px;top:auto;padding-top:0px;left:-960px">

<ahref="【產品鏈接】"style="width:1920px;display:block;height:866px"target="_blank"><imgalt="全屏海報"border="0"src="【圖片鏈接】"/></a></div>

</div>

</div>

html輪播代碼

<script>
window.onload=function(){//頁面載入完成執行
varimages=document.getElementsByTagName('img');//取得所有img圖片
varpos=0;//定義pos變數初始值=0
varlen=images.length;//取得圖片個數
setInterval(function(){//定每1秒時執行
images[pos].style.display='none';//第一個圖片隱藏,
pos=++pos==len?0:pos;//pos在圖片個數范圍內遞增
images[pos].style.display='inline';//下一個圖片顯示
},1000);
};
</script>

Ⅳ 淘寶全屏輪播代碼

打開裝修的頁頭有個(頁頭下邊距離10像素)選擇關閉,然後看到這頁的最底端有個藍色小字體寫著(應用到所以頁面)按上去,然後發布裝修就好了

Ⅳ 跪求文字輪播html代碼,謝謝

用<marquee/>標簽實現,html代碼示例抄如下

<html>
<head>
<title>文字滾動示例</title>
</head>
<body>
<div>
水平滾動:
<marqueedirection="left"align="bottom"height="25"width="100%"onmouseout="this.start()"onmouseover="this.stop()"scrollamount="2"scrolldelay="1">水平滾動字幕內容</marquee>
</div>
<div>
垂直滾動:
<marqueedirection="up"height="200"onmouseout="this.start()"onmouseover="this.stop()"scrollAmount="1"scrollDelay="1">垂直滾動字內容</marquee>
</div>
</body>
</html>

Ⅵ 跪求一個網頁輪播代碼,html的,感激不盡

需要調用jquery,按鈕位置還需調整
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>無標題文檔</title>
<style>
*{ margin:0; padding:0;}
body{ width:100%; background:#000;}
.wrap{ width:79.3223%; margin:0 auto;}
.box{ width:100%; height:30.25em; overflow:hidden;}
.box a{ width:100%; height:100%; }
.btn_left{}
.btn_right{}
</style>
</head>

<body>
<div class="wrap">
<div class="box">
<a href="#"><img src="images/1.jpg" width="100%" height="100%"></a>
<a href="#"><img src="images/2.jpg" width="100%" height="100%"></a>
<a href="#"><img src="images/3.jpg" width="100%" height="100%"></a>
</div>
<img class="btn_left" src="images/left.png" width="30" height="30">
<img class="btn_right" src="images/right.png" width="30" height="30">
</div>
</body>
</html>
<script src="js/jquery.js"></script>
<script>
var i=0;
var l=$('.box a').length;
var ll=l-1;
function sport(){
$('.box a').eq(i).show().siblings().hide();
i++;
if(i>=l) i=0;
}
var t=setInterval('sport()',1000);
$('.box').hover(function(){clearInterval(t)},function(){t=setInterval('sport()',1000);});
$('.btn_left').click(function(){
clearInterval(t);
$('.box a').eq(i).show().siblings().hide();
i--;
if(i<=-1) {i=ll};
t=setInterval('sport()',1000);
});
$('.btn_right').click(function(){
clearInterval(t);
sport();
t=setInterval('sport()',1000);
});
</script>

Ⅶ 求淘寶全屏海報輪播html代碼

這是我用JQuery寫的,圖片自己添加
<!doctype>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>圖片平滑切換</title>
<style type="text/css">
/** css Reset **/
body, div, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, p, th, td {
padding: 0;
margin: 0;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
fieldset, img {
border: 0;
}
ul,li{list-style:none;}
h1, h2, h3, h4, h5, h6 {
font-weight: normal;
font-size: 100%;
}
/** css Reset end **/
/** Page **/
body
{
background-color:#ccc;
margin:0 auto;
text-align:center;
}
.main
{
font-size:12px;
margin:80px auto;
width:900px;
height:600px;
}
#container
{
width:800px;
height:449px;
position:relative;
overflow:hidden;
}
#container .image
{
position:absolute;
height:449px;
width:4800px;
}
#container .image li
{
float:left;
width:800px;
height:449px;
position:relative;
overflow:hidden;
background:#000;
}
#container .sign
{
bottom:0px;
position:absolute;
background:url("images/bg_tran.png");
width:800px;
padding-left:600px;
}
#container .sign li
{
float:left;
color:Gray;
text-align:center;
line-height:16px;
width:16px;
height:16px;
font-family:Arial;
cursor:pointer;
overflow:hidden;
margin:6px 8px;
background-color:#fff;
}
#container .sign li.on
{
color:White;
background-color:Maroon;
}
/** Page end **/
</style>
</head>
<body>
<div class="main">
<div id="container">
<ul class="image">
<li><img alt="Bing" src="images/bing-1.jpg" /></li>
<li><img alt="Bing" src="images/bing-2.jpg" /></li>
<li><img alt="Bing" src="images/bing-3.jpg" /></li>
<li><img alt="Bing" src="images/bing-4.jpg" /></li>
<li><img alt="Bing" src="images/bing-5.jpg" /></li>
<li><img alt="Bing" src="images/bing-6.jpg" /></li>
</ul>
<ul class="sign">
<li class="on">1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
</ul>
</div>

</div>
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript">
$(function () {
var len = $(".image > li").length;
var i = 0;
function turn() {
i = $(".sign > li").index($(".on"))
i < len - 1 ? i++ : i = 0
$(".sign > li").eq(i).addClass("on").siblings("li").removeClass("on");
showImg(i);
}
$(".sign > li").click(function () {
clearInterval(set);
var index = $(this).index();
$(this).addClass("on").siblings("li").removeClass("on");
showImg(index);
set = setInterval(turn, 5000);
});
set = setInterval(turn, 5000);
});
function showImg(index) {
var width = $("#container").width();
$(".image").stop(true, false).animate({ "left": -index * width }, 500);
}
</script>
</body>
</html>
希望對你能有所幫助。