当前位置:首页 » 操作系统 » js轮播源码

js轮播源码

发布时间: 2022-05-15 07:03:15

❶ 图片自动播放轮播JQ,js代码。

//轮播器
var crs_num=1

function interval(){
carousel=setInterval(function(){

num2=crs_num*-800
$('.crs_img').animate({
attr:'x',
target:num2,
time:50,
speed:10,

})
$('.crs_words p').html($('.crs_img img').getnum(crs_num).attr('alt'))
$('#carousel li').css('color','#999')
$('#carousel li').getnum(crs_num).css('color','#333')
crs_num++;
if(crs_num==3)crs_num=0;
},3000)
}
interval();
$('#carousel li').hover(function(){
var num=$(this).childNum()*-800
clearInterval(carousel)
$('.crs_img').animate({
attr:'x',
target:num,
time:50,
speed:5,

})

$('.crs_words p').html($('.crs_img img').getnum($(this).childNum()).attr('alt'))
$('#carousel li').css('color','#999')
$(this).css('color','#333')

},function(){
interval()
})
animate是自己封装的,可能和jq不兼容

❷ JS如何实现左右滚动轮播代码详细点

var datas = [
{imgSrc:"(图片 )"},
{imgSrc:"(图片 )"},
{imgSrc:"(图片 )"},
{imgSrc:"(图片 )"},
{imgSrc:"(图片 )"},
{imgSrc:"(图片 )"}
];

var banner = document.getElementById("banner");
var list = document.getElementById("list");
for(var i = 0,len = datas.length;i<len;i++){
var div = document.createElement("div");
var li = document.createElement("li");
if(i==0){ //默认第一项轮播项显示 对应的控制按钮被选中
div.className = "item active";
li.className = "active";
}else{ //其他项隐藏 其他的控制按钮样式不改变
div.className = "item";
li.className = "";
}

div.innerHTML = '<a href="' + datas[i].targetSrc + '">' +
'<img src="' + datas[i].imgSrc + '" />' +
'</a>';

li.innerHTML = i + 1;

banner.appendChild(div);
list.appendChild(li);
}

var lunBo = document.getElementById("lunBo");
var items = document.querySelectorAll("#lunBo #banner .item");
var lis = document.querySelectorAll("#lunBo #list li");
var currentIndex = 0;//(控制按钮和轮播项共同的索引)
for(var i = 0,len = lis.length;i<len;i++){
lis[i].index = i;
lis[i].onmouseenter = function(){
currentIndex = this.index;
for(var j = 0;j<len;j++){
lis[j].className = "";
items[j].className = "item";
}
this.className = "active";
items[this.index].className = "item active";
}
}

var termId; //全局变量
function autoPlay(){
termId = setInterval(function(){
currentIndex++;
if(currentIndex==lis.length){
currentIndex = 0;
}
lis[currentIndex].onmouseenter();
},3000);
}

autoPlay();//打开页面自动轮播
//鼠标进入停止轮播
lunBo.onmouseenter = function(){
clearInterval(termId);
}
//鼠标离开继续轮播
lunBo.onmouseleave = function(){
autoPlay();
}
我这还有其他的,先采纳一下加我,我给你发

❸ JS轮播弹窗代码

//时间控制的广告代码
var cookie = {
ad0:30,//时间控制第一个广告30分钟轮播
ad1:60,//时间控制第二个广告60分钟轮播
ad_num : 2,
get_cookie : function(Name){var search = Name + "="; var returnvalue = "";if (document.cookie.length > 0) {offset = document.cookie.indexOf(search);if (offset != -1) {offset += search.length;end = document.cookie.indexOf(";", offset);if (end == -1)end = document.cookie.length;returnvalue=unescape(document.cookie.substring(offset, end));}}return returnvalue;},
init : function(){
for(var i=0; i<cookie.ad_num; i++){
if(cookie.get_cookie('ppad_cookie_'+i)){
continue;
}else{
var Then = new Date();current_time = eval('cookie.ad'+i);Then.setTime(Then.getTime() + current_time*60*1000);document.cookie='ppad_cookie_'+i+'=1;expires='+ Then.toGMTString()+';path=/;';
switch(i){
case 0:
广告代码一 break;
case 1:
广告代码二 break;
}
break;
}
}
}
}
cookie.init();

//直接就放JS文件里面

❹ 求一个简单的js实现轮播代码

<!DOCTYPEHTML>
<html>
<head>
<title>JS无缝滚动图片</title>
<metacharset=UTF-8/>
<styletype="text/css">
*{
margin:0;
padding:0;
}
#div2{
margin:auto;
width:602px;
overflow:hidden;
left:200px;
}
#div1{
position:relative;
left:0px;
width:1200px;
}
#div1li{
list-style-type:none;
float:left;
width:200px;
height:180px;
}
img{
width:200px;
height:180px;
}
ul#ul1{
position:relative;
}
</style>
<scripttype="text/javascript">
window.onload=function()
{
varoUl=document.getElementById('ul1');
vart,o;
varspeed=0;
varfunny=function()
{
t&&clearInterval(t);
t=setInterval(function()
{
speed-=200/11;
if(speed<-200){
speed=0;
oUl.appendChild(oUl.children[0]);
t&&clearInterval(t);
t=null;
o&&clearTimeout(o);
o=setTimeout(funny,1000);
}
oUl.style.left=speed+"px";
},60);
}
funny();
}
</script>
</head>
<body>
<divid="div2">
<divid="div1">
<ulid="ul1">
<li><imgsrc="../../images/choose.png">
</li>
<li><imgsrc="../../images/deck.png">
</li>
<li><imgsrc="../../images/el.png">
</li>
<li><imgsrc="../../images/list.png">
</li>
</ul>
</div>
</div>
</body>
</html>

❺ 求js轮播图代码,有详细注释

<!DOCTYPEhtml>
<htmllang="en">

<head>
<metacharset="UTF-8">
<title></title>
<styletype="text/css">
*{
padding:0;
margin:0;
list-style:none;
border:0;
}

.all{
width:500px;
height:200px;
padding:7px;
border:1pxsolid#ccc;
margin:100pxauto;
position:relative;
}

.screen{
width:500px;
height:200px;
overflow:hidden;
position:relative;
}

.screenli{
width:500px;
height:200px;
overflow:hidden;
float:left;
}

.screenul{
position:absolute;
left:0;
top:0px;
width:3000px;
}

.allol{
position:absolute;
right:10px;
bottom:10px;
line-height:20px;
text-align:center;
}

.allolli{
float:left;
width:20px;
height:20px;
background:#fff;
border:1pxsolid#ccc;
margin-left:10px;
cursor:pointer;
}

.allolli.current{
background:#DB192A;
}

#arr{
display:none;
}

#arrspan{
width:40px;
height:40px;
position:absolute;
left:5px;
top:50%;
margin-top:-20px;
background:#000;
cursor:pointer;
line-height:40px;
text-align:center;
font-weight:bold;
font-family:'黑体';
font-size:30px;
color:#fff;
opacity:0.3;
border:1pxsolid#fff;
}

#arr#right{
right:5px;
left:auto;
}
</style>
</head>

<body>
<divclass="all"id='box'>
<!--相框-->
<divclass="screen">
<ul>
<li>
<imgsrc="images/41.jpg"width="500"height="200"/>
</li>
<li>
<imgsrc="images/42.jpg"width="500"height="200"/>
</li>
<li>
<imgsrc="images/43.jpg"width="500"height="200"/>
</li>
<li>
<imgsrc="images/44.jpg"width="500"height="200"/>
</li>
<li>
<imgsrc="images/45.jpg"width="500"height="200"/>
</li>
</ul>
<ol>
</ol>
</div>
<divid="arr">
<spanid="left">&lt;</span>
<spanid="right">&gt;</span>
</div>
</div>
<!--<scriptsrc="common.js"></script>-->

<script>
functionmy$(id){
returndocument.getElementById(id);
}

functionsetInnerText(element,content){
if(typeofelement.textContent==="undefined"){
//IE浏览器
element.innerText=content;
}else{
element.textContent=content;
}
}

functionanimate(element,target){
//先干掉定时器
clearInterval(element.timeId);
element.timeId=setInterval(function(){
//时时的获取元素的当前的位置
varcurrent=element.offsetLeft;
//每次移动的步数
varstep=10;
//设置每次移动的步数是正数还是负数
step=current<target?step:-step;
//移动后的当前的位置
current+=step;
if(Math.abs(target-current)>Math.abs(step)){
element.style.left=current+"px";
}else{
clearInterval(element.timeId);
element.style.left=target+"px";
}
},20);
}
//获取最外面的div
varbox=my$("box");
//获取相框
varscreen=box.children[0];
//获取相框的宽度
varimgWidth=screen.offsetWidth;
//获取ul
varulObj=screen.children[0];
//获取ul中的li
varulLiObj=ulObj.children;
//获取ol
varolObj=screen.children[1];
//获取的是左右焦点的div
vararr=my$("arr");
//获取左边的按钮
varleft=my$("left");
//获取右边的按钮
varright=my$("right");

varpic=0;
//页面加载后先创建小按钮,根据ul中的li个个数来创建li,把li加入到ol中
for(vari=0;i<ulLiObj.length;i++){
//创建li
varliObj=document.createElement("li");
//把li加入到ol中
olObj.appendChild(liObj);
setInnerText(liObj,(i+1));//兼容代码
//为每个ol中的li添加一个自定义属性存储索引值
liObj.setAttribute("index",i);
//为每个li注册鼠标进入事件
liObj.onmouseover=function(){
//先把ol中所有的li的背景颜色全部干掉

for(varj=0;j<olObj.children.length;j++){
olObj.children[j].removeAttribute("class");
}
//设置当前鼠标进入的li有背景颜色
this.className="current";
//移动ul
//获取鼠标进入的ol中的li的索引值
pic=this.getAttribute("index");
animate(ulObj,-pic*imgWidth);
};


}
//第一个标签设置颜色
olObj.children[0].className="current";
//追加一个图片到ul中
ulObj.appendChild(ulObj.children[0].cloneNode(true));

//页面加载之后自动移动
vartimeId=setInterval(f1,1000);

//鼠标进入
box.onmouseover=function(){
arr.style.display="block";
clearInterval(timeId);
}
//鼠标离开
box.onmouseout=function(){
arr.style.display="none";
timeId=setInterval(f1,1000);
}

//右边焦点
right.onclick=f1;

functionf1(){
//判断是否到达最后一张
if(pic==ulLiObj.length-1){
//跳转到第一张
pic=0;
ulObj.style.left=-pic*imgWidth+"px";
}
pic++;
//调用动画函数
animate(ulObj,-pic*imgWidth);
//刷一遍
for(vari=0;i<olObj.children.length;i++){
olObj.children[i].removeAttribute("class");
}
//第一个按钮的颜色
if(pic==ulLiObj.length-1){
olObj.children[0].className="current";
}else{
olObj.children[pic].className="current";
}
};

//左边焦点
left.onclick=function(){
//判断是否到达第一张图片
if(pic==0){
//跳转到第六张图片
pic=ulLiObj.length-1;
ulObj.style.left=-pic*imgWidth+"px";
}
pic--;
//调用动画函数
animate(ulObj,-pic*imgWidth);
//刷一遍
for(vari=0;i<olObj.children.length;i++){
olObj.children[i].removeAttribute("class");
}
olObj.children[pic].className="current";
}
</script>

</body>

</html>

❻ js实现轮播代码怎么写

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-">

<title>最简单的轮播广告</title>

<style>

body, div, ul, li {

margin: ;

padding: ;

}

ul {

list-style-type: none;

}

body {

background: #;

text-align: center;

font: px/px Arial;

}

#box {

position: relative;

width: px;

height: px;

background: #fff;

border-radius: px;

border: px solid #fff;

margin: px auto;

}

#box .list {

position: relative;

width: px;

height: px;

overflow: hidden;

border: px solid #ccc;

}

#box .list li {

position: absolute;

top: ;

left: ;

width: px;

height: px;

opacity: ;

transition: opacity .s linear

}

#box .list li.current {

opacity: ;

}

#box .count {

position: absolute;

right: ;

bottom: px;

}

#box .count li {

color: #fff;

float: left;

width: px;

height: px;

cursor: pointer;

margin-right: px;

overflow: hidden;

background: #F;

opacity: .;

border-radius: px;

}

#box .count li.current {

color: #fff;

opacity: .;

font-weight: ;

background: #f

}

</style>

</head>

<body>

<div id="box">

<ul>

<li style="opacity: ;"><img src="img/images/.jpg" width="" height=""></li>

<li style="opacity: ;"><img src="img/images/.jpg" width="" height=""></li>

<li style="opacity: ;"><img src="img/images/.jpg" width="" height=""></li>

<li style="opacity: ;"><img src="img/images/.jpg" width="" height=""></li>

<li style="opacity: ;"><img src="img/images/.jpg" width="" height=""></li>

</ul>

<ul>

<li></li>

<li class=""></li>

<li class=""></li>

<li class=""></li>

<li class=""></li>

</ul>

</div>

<script>

var box=document.getElementById('box');

var uls=document.getElementsByTagName('ul');

var imgs=uls[].getElementsByTagName('li');

var btn=uls[].getElementsByTagName('li');

var i=index=; //中间量,统一声明;

var play=null;

console.log(box,uls,imgs,btn);//获取正确

//图片切换, 淡入淡出效果我是用(transition: opacity .s linear)做的,不纠结、简单 在css里面

function show(a){ //方法定义的是当传入一个下标时,按钮和图片做出对的反应

for(i=;i<btn.length;i++ ){

btn[i].className=''; //很容易看懂吧?每个按钮都先设置成看不见,然后把当前按钮设置成可见。

btn[a].className='current';

}

for(i=;i<imgs.length;i++){ //把图片的效果设置和按钮相同

imgs[i].style.opacity=;

imgs[a].style.opacity=;

}

}

//切换按钮功能,响应对应图片

for(i=;i<btn.length;i++){

btn[i].index=i; //不知道你有没有发现,循环里的方法去调用循环里的变量体i,会出现调到的不是i的变动值的问题。所以我先在循环外保存住

btn[i].onmouseover=function(){

show(this.index);

clearInterval(play); //这就是最后那句话追加的功能

}

}

//自动轮播方法

function autoPlay(){

play=setInterval(function(){ //这个paly是为了保存定时器的,变量必须在全局声明 不然其他方法调不到 或者你可以调用auto.play 也许可以但是没时间试了

index++;

index>=imgs.length&&(index=);//可能有优先级问题,所以用了括号,没时间测试了。

show(index);

},)

}

autoPlay();//马上调用,我试过用window.onload调用这个方法,但是调用之后影响到了其他方法,使用autoPlay所以只能这样调用了

//div的鼠标移入移出事件

box.onmouseover=function(){

clearInterval(play);

};

box.onmouseout=function(){

autoPlay();

};

//按钮下标也要加上相同的鼠标事件,不然图片停止了,定时器没停,会突然闪到很大的数字上。 貌似我可以直接追加到之前定义事件中。

</script>

</body>

</html>

❼ js轮播代码,求详解

试试这个js图片切换 有12345数字一起切换 鼠标点一下数字会变换到另一张图片,不点就会自动换 里面有教程和源码

❽ 求淡入淡出的js轮播效果的代码

如下代码可以实现,不过你首先需要引用Jquery,我使用的是jquery-1.7.1.min.js

支持两个div或多个div的淡入淡出切换:

<divid="imgbox">
<divstyle="width:100px;height:100px;background-color:red;"></div>
<divstyle="width:100px;height:100px;background-color:blue;"></div>
</div>
<scriptsrc="jquery-1.7.1.min.js"></script>
<script>
$(document).ready(function(){
$("#imgboxdiv").fadeOut(0).eq(0).fadeIn(0);
vari=0;
setInterval(function(){
if($("#imgboxdiv").length>(i+1)){
$("#imgboxdiv").eq(i).fadeOut(0).next("div").fadeIn(1000);
i++;
}
else{
$("#imgboxdiv").eq(i).fadeOut(0).siblings("div").eq(0).fadeIn(1000);
i=0;
}
},2000);
});
</script>

❾ 关于源生JS实现图片轮播问题

改好了, chrome下没问题。 你出错在这一行:i>0?(i--):(i=oLi.length-1) oLi.length-1,即最后一张图片.上一张

<!doctypehtml>
<html>
<head>
</head>
<body>
<script>
window.onload=function(){
changeImages();
functionchangeImages(){//将自动轮播,点击切换,列表同步切换封装在函数changeImages中,直接调用执行;
varoList=document.getElementById("list");
varoDiv=document.getElementById("div2");
varoInput=document.getElementById("next");
varoInput2=document.getElementById("upper");
varoLi=oDiv.getElementsByTagName("li");
varoLi1=oList.getElementsByTagName("li");
vari=0;//记录点击次数
varspeed=3000;
varchange=setInterval(function(){
clearInterval();
for(vara=0;a<oLi.length;a++){
oLi[a].className="";
oLi1[a].className="";
}
(i<oLi.length-1)?(i++):(i=0);
oLi[i].className="show";
oLi1[i].className="show1";
},speed)
oInput.onclick=function(){//下一张
for(vara=0;a<oLi.length;a++){
oLi[a].className="";
oLi1[a].className="";
}
(i<oLi.length-1)?(i++):(i=0);
oLi[i].className="show";
oLi1[i].className="show1";
};
oInput2.onclick=function(){
for(vara=0;a<oLi.length;a++){
oLi[a].className="";
oLi1[a].className="";
}
i>0?(i--):(i=oLi.length-1);oLi.length-1;
oLi[i].className="show";
oLi1[i].className="show1";
};
for(vara=0;a<oLi1.length;a++){//实现鼠标移动到列表,自动切换到对应图片功能,其原理与选项卡原理基本一致;
oLi1[a].index=a;//这里变量名必须统一,如果将后面a改为i,那么i=0将会执行两次,导致第一次点击下一张失效
oLi1[a].onmouseover=function(){
for(vari=0;i<oLi1.length;i++){
oLi[i].className="";
oLi1[i].className="";
};
oLi[this.index].className="show";
this.className="show1";
};
}}
};
</script>
<divid="div1">
<inputid="upper"type="button"value="上一张"></input>
<inputid="next"type="button"value="下一张"></input>

<divid="div2">
<ul>
<liclass="show"><imgsrc="http://www.jq22.com/demo/unslider-150203225543/03.jpg"width="100%"height="100%"></li>
<li><imgsrc="http://www.jq22.com/demo/unslider-150203225543/01.jpg"width="100%"height="100%"></li>
<li><imgsrc="http://www.jq22.com/demo/unslider-150203225543/02.jpg"width="100%"height="100%"></li>
<li><imgsrc="http://www.jq22.com/demo/unslider-150203225543/04.jpg"width="100%"height="100%"></li>
</ul>
</div>
<ulid="list">
<liclass="show1">111111</li>
<li>222222</li>
<li>333333</li>
<li>444444</li>
</ul>
</div>
<style>
#div1{background:#ccc;margin:0auto;}
#div2{background:red;width:500px;height:400px;margin:0auto;}
#div2ulli{display:none;;width:100%;height:100%}
#div2ul{width:100%;height:100%;}
#div1.show1{background:yellow;}
#div2.show{display:block;}
body,ul{margin:0;padding:0;}
</style>
</body>
</html>

❿ js代码实现banner图片轮播

这是我以前写过的一个,样式你改一下就OK了
<div class="fbanner widget3924">
<div id="i_focus">
<div id="i_focus_pic">
<ul id="i_focus_piclist">
<li style="display: none;">
<a href="" target="_blank" style="background: url(/templates/runlinjinguan/images/banner1.jpg) center 0 no-repeat;">

</a>
</li>
<li style="display: list-item;">
<a href="" target="_blank" style="background: url(/templates/runlinjinguan/images/banner4.jpg) center 0 no-repeat;">

</a>
</li>
<li style="display: none;">
<a href="" target="_blank" style="background: url(/templates/runlinjinguan/images/banner3.jpg) center 0 no-repeat;">

</a>
</li>
<li style="display: none;">
<a href="" target="_blank" style="background: url(/templates/runlinjinguan/images/banner2.jpg) center 0 no-repeat;">

</a>
</li>
</ul>
<div id="i_focus_opdiv">
</div>
<ul id="i_focus_btn">
<li id="p0" class="">
<span>

</span>
</li>
<li id="p0" class="i_cur">
<span>

</span>
</li>
<li id="p0" class="">
<span>

</span>
</li>
<li id="p0" class="">
<span>

</span>
</li>
</ul>
</div>
</div>
<script type="text/javascript" src="/templates/runlinjinguan/js/flash.js"></script>
<script type="text/javascript">
$("#i_focus_btn").find("li").eq(0).addClass("i_cur");
</script>
</div>

引用的js文件
// JavaScript Document
//flash js
$(document).ready(function () {
var i_curIndex = 0;
var beauBeauSlide; //函数对象
var i_curID = 0; //取得鼠标下方的对象ID
var pictureID = 0; //索引ID

$("#i_focus_piclist li").eq(0).show(); //默认
autoScroll();
$("#i_focus_btn li").hover(function (e) {
StopScrolll();
$("#i_focus_btn li").removeClass("i_cur") //所有的li去掉当前的样式加上正常的样式
$(this).addClass("i_cur"); //而本身则加上当前的样式去掉正常的样式
i_curID = $(this).attr("id"); //取当前元素的ID
pictureID = $("#i_focus_btn li").index(this);// i_curID.substring(i_curID.length - 1); //取最后一个字符
$("#i_focus_piclist li").eq(pictureID).fadeIn("slow"); //本身显示
$("#i_focus_piclist li").not($("#i_focus_piclist li")[pictureID]).hide(); //除了自身别的全部隐藏
$("#i_focus_tx li").hide();
$("#i_focus_tx li").eq(pictureID).show();

},
function () {
//当鼠标离开对象的时候获得当前的对象的ID以便能在启动自动时与其同步
i_curID = $(this).attr("id"); //取当前元素的ID
pictureID = i_curID.substring(i_curID.length - 1); //取最后一个字符
i_curIndex = pictureID;
autoScroll();
});
//自动滚动

function autoScroll() {
var myNubli = $("#i_focus_btn li").size();
if (myNubli > 1) {
$("#i_focus_btn li:last").removeClass("i_cur");
$("#i_focus_tx li:last").hide();
$("#i_focus_btn li").eq(i_curIndex).addClass("i_cur");
$("#i_focus_btn li").eq(i_curIndex - 1).removeClass("i_cur");
$("#i_focus_tx li").eq(i_curIndex).show();
$("#i_focus_tx li").eq(i_curIndex - 1).hide();
$("#i_focus_piclist li").eq(i_curIndex).fadeIn("slow");
$("#i_focus_piclist li").eq(i_curIndex - 1).hide();
i_curIndex++;
i_curIndex = i_curIndex >= myNubli ? 0 : i_curIndex;
beauBeauSlide = setTimeout(autoScroll, 5000);
}
}
function StopScrolll() //当鼠标移动到对象上面的时候停止自动滚动
{
clearTimeout(beauBeauSlide);
}
});
//第二个渐隐幻灯开始
var defaultOpts = {
interval: 3000,
fadeInTime: 800,
fadeOutTime: 500
};

var _titles = $("ul.slide-txt li");
var _titles_bg = $("ul.op li");
var _bodies = $("ul.slide-pic li");
var _count = _titles.length;
var _current = 0;
var _intervalID = null;
var stop = function () {
window.clearInterval(_intervalID);
};
var slide = function (opts) {
if (opts) {
_current = opts.current || 0;
} else {
_current = (_current >= (_count - 1)) ? 0 : (++_current);
};
_bodies.filter(":visible").fadeOut(defaultOpts.fadeOutTime,
function () {
_bodies.eq(_current).fadeIn(defaultOpts.fadeInTime);
_bodies.removeClass("cur").eq(_current).addClass("cur");
});
_titles.removeClass("cur").eq(_current).addClass("cur");
_titles_bg.removeClass("cur").eq(_current).addClass("cur");
}; //endof slide
var go = function () {
stop();
_intervalID = window.setInterval(function () {
slide();
},
defaultOpts.interval);
}; //endof go
var itemMouseOver = function (target, items) {
stop();
var i = $.inArray(target, items);
slide({
current: i
});
}; //endof itemMouseOver
_titles.hover(function () {
if ($(this).attr('class') != 'cur') {
itemMouseOver(this, _titles);
} else {
stop();
}
},
go);
//_titles_bg.hover(function() { itemMouseOver(this, _titles_bg); }, go);
_bodies.hover(stop, go);
go();
var slideX = {
_this: $('.catalog .imgbox'),
_btnLeft: $('.catalog .left'),
_btnRight: $('.catalog .right'),
init: function () {
slideX._btnLeft.click(slideX.slideLeft);
slideX._btnRight.click(slideX.slideRight);
},
slideLeft: function () {
slideX._btnLeft.unbind('click', slideX.slideLeft);
for (i = 0; i < 2; i++) {
slideX._this.find('li:last').prependTo(slideX._this);
}
slideX._this.css('marginLeft', -224);
slideX._this.animate({
'marginLeft': 0
},
500,
function () {
slideX._btnLeft.bind('click', slideX.slideLeft);
});
return false;
},
slideRight: function () {
slideX._btnRight.unbind('click', slideX.slideRight);
slideX._this.animate({
'marginLeft': -224
},
500,
function () {
slideX._this.css('marginLeft', '0');
for (i = 0; i < 2; i++) {
slideX._this.find('li:first').appendTo(slideX._this)
}
slideX._btnRight.bind('click', slideX.slideRight);
});
return false;
}
}
$(document).ready(function () {
slideX.init();
})
$(document).ready(function () {
var newTime = new Date();
var newTime = newTime.getTime();
var $imgTmp = $('#topromotion').find('img:first');
var osrc = $imgTmp.attr('src');
$imgTmp.attr('src', osrc + '?' + newTime);
});

希望对你有帮助!

热点内容
php旅游网站系统 发布:2024-05-07 20:27:32 浏览:610
jdk源码怎么看 发布:2024-05-07 20:18:22 浏览:519
编程c语言自学书 发布:2024-05-07 20:12:03 浏览:422
usb大容量存储驱动 发布:2024-05-07 19:02:01 浏览:815
红米1s没有存储空间 发布:2024-05-07 18:59:09 浏览:505
妖云解压密码 发布:2024-05-07 18:50:08 浏览:1002
sql语句等于怎么写 发布:2024-05-07 18:05:46 浏览:816
我的世界电脑版第三方服务器大全 发布:2024-05-07 18:00:46 浏览:627
主服务器的ip地址 发布:2024-05-07 17:58:50 浏览:546
组服务器打电脑游戏 发布:2024-05-07 17:46:19 浏览:866