熠熠BLOG ∷ 不能给大自然丢脸！

<!--StartFragment-->工作需要一个仿flash随机图片的JS。
找到一个代码很简洁，但是所有的图片信息都包含在JS。
这样，搜索引启是一定捕捉不到它们。于是按照它的思路，做了修改。
（尚未加入并发。）
1.兼容搜索引启。
2.浏览禁止JS时，以滚动字幕形式显示。





代码如下：


<style type=text/css>
.flashjs{width:200px;height:200px; overflow:hidden;border:1px solid #000;}
.flashjs dt{overflow:hidden;}
.flashjs .line{FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr=#ffffff, EndColorStr=#CCEFFE);background:#CCEFFE;filter:alpha(opacity=60);}
.flashjs .link,.flashjs .line{position:relative; margin-top:-17px;height:17px;overflow:hidden;text-align:right;}
.flashjs .link a{background:#800000;width:20px;float:right;font-weight:800;size:12px;margin-right:1px;color:#fff;text-decoration:none;padding:2px 3px 2px 0;}
.flashjs .link a:hover,.flashjs a.now{background:#FF840C;}
.flashjs dt img{FILTER: revealTrans(duration=1,transition=6); }
.flashjs img{border:0px;}
.flashjs .img{display:none;}
.flashjs .img2{border:0px;display:block;}
</style>
<hr>
<script>
/***** JS仿Flash -- 修改版 ******
---根据网上js仿flash原理进行制作---
1.兼容搜索引启。
2.浏览器禁止JS时，以滚动字幕形式显示
Link: www.missde.cn
Author: Missde
Date: 2007-2
*******************/

var QT_flashjs_img=new Array()
var QT_flashjs_k=0;
var QT_flashjs_time;
var QT_flashjs_t=600;
function gID(str){return document.getElementById(str)}
function QT_flashjs(div){
var QT_flashjs_a=gID(div);

QT_flashjs_a.getElementsByTagName("DT")[0].style.height=QT_flashjs_a.offsetHeight-20+"px";
var img=QT_flashjs_a.getElementsByTagName("DT")[0].innerHTML
var QT_flashjs_img2=QT_flashjs_a.getElementsByTagName("IMG")
for(var i=0;i<QT_flashjs_img2.length;i++){
    QT_flashjs_img[i]=new Array(QT_flashjs_img2[i].parentNode.href,QT_flashjs_img2[i].parentNode.title,QT_flashjs_img2[i].src)
}
div2=div;
var msg="";
for( var i=QT_flashjs_img.length;i>0;i--){
    var j=i-1;
    msg+='<a href="javascript:change(\''+div+'\',\''+j+'\')" id="'+div+j+'">'+i+'</a>';
}
// alert(QT_flashjs_a.innerHTML)
QT_flashjs_a.innerHTML+='<div class="line" id="'+div+'_line"></div><div class="link">'+msg+'</div>'
gID(div+"_line").style.MozOpacity=0.6;
gID(div+"_line").style.filter="alpha(opacity=60)"
QT_flashjs_a.getElementsByTagName("DT")[0].innerHTML='<a href="#"><img onmouseout="play_(\''+div+'\')" onmouseover="stop_()" id="'+div+'img" class="img"/></a>'
showimg(div);

QT_flashjs_time=setInterval("showimg(div2)",QT_flashjs_t);
}
function change(div,num){
stop_(QT_flashjs_time)
gID(div+QT_flashjs_k).className="";
QT_flashjs_k=num;
QT_flashjs_k=(num-1)<0?QT_flashjs_img.length-1:num-1;
showimg(div);
play_(div);
}
function showimg(div,p){

var a=gID(div);
var img=gID(div+"img");
if( isIE()){with(eval(img).filters.revealTrans){Transition=23;apply();play();}}
gID(div+QT_flashjs_k).className="";
QT_flashjs_k++;
QT_flashjs_k=QT_flashjs_k>=QT_flashjs_img.length?0:QT_flashjs_k;
gID(div+QT_flashjs_k).className="now"
img.className="img2";
img.parentNode.href=QT_flashjs_img[QT_flashjs_k][0];
img.parentNode.title=QT_flashjs_img[QT_flashjs_k][1];
img.src=QT_flashjs_img[QT_flashjs_k][2];
}
function isIE(){
try{
    new ActiveXObject("DXImageTransform.Microsoft.revealTrans");
    return true;
}
catch (e){return false;}
}

function play_(div){div2=div;QT_flashjs_time=setInterval("showimg(div2)",QT_flashjs_t);}
function stop_(){clearInterval(QT_flashjs_time)}


</script>

<!----------------------------->

<div class="flashjs" id="try0" style="border:1px solid;">
    <div><dt>
    <marquee onmouseover="this.stop()" onmouseout="this.start()">
    <a href="#" title="title1"><img src="http://hi.baidu.commodify/blog/33658794e6cacf1ed21b7007"></a>
    <a href="#" title="title1"><img src="http://hiphotos.baidu.compic/item/f762534323e71c129313c610.jpg"></a>
    <a href="#" title="title1"><img src="a_d/003.gif"></a>
    </marquee>
    </dt></div>
</div>
<input type=button onclick="QT_flashjs('try0');this.style.display='none';" value="play 0">