在前台页面中的设置:
<li id="tag1" οnmοuseοut="set_timertag()" οnmοuseοver="stag(1)">婚纱摄影</li>
<li id="tag2" οnmοuseοut="set_timertag()" οnmοuseοver="stag(2)">矿产</li>
<li id="tag3" οnmοuseοut="set_timertag()" οnmοuseοver="stag(3)">贸易批发</li>
<li id="tag4" οnmοuseοut="set_timertag()" οnmοuseοver="stag(4)">机关团体 </li>
在js中的方法:
//计时器
var tab_change_timer;
//设置变量记录滚动位置
var temp_position=1;
//页面自启动开始间隔
window.onload = function()
{
set_timertag();
}
//启动10秒间隔滑动
function set_timertag(){
tab_change_timer = window.setInterval('autotag()',20000);
}
//控制标签游走
function autotag(a){
for(var x = 1; x <= 13; x++)
{
document.getElementById("tag"+x).style.background ="";
document.getElementById("scon"+x).style.display = "none" ;
}
j=(temp_position%13)+1;
document.getElementById("tag"+j).style.backgroundImage = "url(images/tab.gif)";
document.getElementById("scon"+j).style.display = "block" ;
temp_position=j;
}
//清除10秒间隔滑动
function clear_timertag(){
if(tab_change_timer){
window.clearInterval(tab_change_timer);
}
}
//鼠标放某个标签上发生的动作
function stag(a)
{
clear_timertag();
temp_position=a;
for(k = 1; k <= 13; k++)
{
document.getElementById("tag"+k).style.background ="";
document.getElementById("scon"+k).style.display = "none" ;
}
document.getElementById("tag"+a).style.backgroundImage = "url(images/tab.gif)";
document.getElementById("scon"+a).style.display = "block" ;
}
//调整图片大小
function resizeImg(img) {
try {
if(img.offsetWidth>0) {
if(img.offsetWidth>img.height) {
img.width=img.height;
img.removeAttribute('height');
}
}
else {
setTimeout(function() {resizeImg(img);},50);
}
}
catch(ex){;}
}