|
[这个贴子最后由唐尸三摆首在 2007/05/06 00:51am 第 3 次编辑]
一个仿flash的效果,js的……先贴个效果和代码,慢慢在解释吧。
[html]
<style type="text/css">
#ss {height:0px;width:0px;border:1px solid #999999;background:url(';http://www.435200.net/img/ltxx4.jpg';);}
</style>
<script>
function sh(){
var ss = document.getElementById("ss");
var dh = ss.offsetHeight;
var dw = ss.offsetWidth;
var hs = 1;
var ws = 1;
var sf = ss.style.padding;
sf = sf.replace("px","");
if (dh<=100){
ss.style.height=dh+hs+"px";
}
if ((dh>=100) && (dw<=776)) {
ss.style.width=dw+ws+"px";
}else{
window.clearInterval(sh);
}
}
window.setInterval(sh,10);
</script>
<div id="ss"></div>[/html]
[color=#0075BD]-=-=-=- 以下内容由 唐尸三摆首 在 2007年03月02日 01:03am 时添加 -=-=-=-
运行代码框里加url他自动添加了连接代码,导致图片不能正常显示。
解决办法:
用#ss {height:0px;width:0px;border:1px solid #999999;background:url(';http://www.435200.net/img/ltxx4.jpg';);}替换
#ss {height:0px;width:0px;border:1px solid #999999;background:url(';<a href=http://www.435200.net/img/ltxx4.jpg';);} target=_blank>http://www.435200.net/img/ltxx4.jpg';);}</a> |
|