10/10/2018, 09:32
Cho mình hỏi Javascript trên trang này là gì?
Khi lên trang http://www.chodientu.vn có cái js đi cùng phần ảnh, khi đưa con trỏ vào số 1, 2 hay 3 thì có xuất hiện một ảnh khác, còn không thì nó sẽ tự chuyển theo thời gian cài sẵn. Ai giúp mình cái Js này với, Nếu bạn nào có hay làm rùi Share lên đây cho mình với. Thanks các bạn nhìu!!
Bài liên quan
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>Untitled Page</title>
<style type="text/css">
.button{border: thin solid #C0C0C0; padding: 3px; margin: 3px; background-color:#FFFFFF; display:inline; cursor:pointer; position:static; width: 20px; height: auto;}
.button:hover{background-color:#F0D9C9}
</style>
</head>
<body onload="Init()" style="background-color: #F0F0F0">
<div id="imageShow" width='128'
style="background-color: #C0C0C0; position: fixed; width: 128px; display:marker;"
align="right"> </div>
<script language="javascript" type="text/javascript">
var slide = null
function Init(){
slide= new ImageShow('imageShow')
slide.SetImage("img.png,img (2).png,img (3).png,img (4).png,img (5).png,img (1).png");
Show();
}
function ImageShow(idElement)
{
this.Id=idElement;
var element = document.getElementById(idElement);
var img = document.createElement("IMG");
img.id=idElement+"Img";
img.width=128;img.height=128;
element.appendChild(img);
this.Img=idElement+"Img";
}
ImageShow.prototype={
Timer:null,
Speed:2,
Oder:-1,
SetImage:function(array){
if(array==undefined) return;
this.Array=array.split(",");
if(this.Array.length==0)
return;
this.Oder=0;
var element = document.getElementById(this.Id);
element.innerHTML+="<hr>"
for(var i=0;i<this.Array.length;i++){
element.innerHTML+="<span id=\"Button"+i+"\" onmouseover=\"Clearn('"+i+"')\" onmouseout=\"Show()\" class=\"button\">"+i+"</span>";
}
var img = new Image();
img.src=this.Array[this.Oder];
this.ImageData=img;
this.Display();
},
Display:function(){
if(this.Array== undefined) return;
if(this.Array.length==0)return;
document.getElementById(this.Img).src=this.Array[this.Oder];
this.Oder++;
if(this.Oder==this.Array.length) this.Oder=0;
this.ImageData.src=this.Array[this.Oder];
}
}
function Show(){
slide.Timer = setInterval("slide.Display()",slide.Speed*1000);
}
function Clearn(i){
clearTimeout(slide.Timer);
slide.Oder=i;
slide.Timer=null
slide.Display();
}
</script>
</body>
</html>
[=========> Bổ sung bài viết <=========]
nè dễ quá! ban thử xem qua xem thế nào.
cả cái ở trong http://beta.tintuconline.com.vn/vn/index.html nữa , mình gà quá
sao lại chú ý 1 đoạn thôi là được . nó có giải thuật của nó phải hiểu hết chứ