选择网页图片效果代码 图片滚动显示 “盛开”的花朵 图片朦胧效果 阴影图片，鼠标放完全显示 图片上出现明暗变化 飞舞图片，点击图片消失 鼠标放上图片出现带颜色边框 飘动的图片 图片及文字的多种滤镜效果 图片不停的向左翻滚 自由设定图片大小 图片定期消失 图片渐渐出现 图片旋转 图片转换 拖动图片 水中的倒影 渐高亮图片

1/ 图片滚动显示代码

<marquee direction=up height=200 scrollamount=1 scrolldelay=90
      width="100%"> <img border=0
      src="images/1.jpg"> <br>
      <img border=0
      src="images/2.jpg">
      <br>
<img border=0
      src="images/3.jpg"> <br>
      <img border=0
      src="images/4.jpg">
      <br>
  </marquee>

2/ 网页上“盛开”的花朵

<script>
var numberofblossoms=10 //数量

var openblossomspeed=200 //速度

var showblossomstime=2  //停留时间
</script>
<script>
var frame=new Array()
frame[0]=new Image()
frame[0].src="images/snow.gif"
frame[1]=new Image()
frame[1].src="images/snow.gif"
frame[2]=new Image()
frame[2].src="images/snow.gif"
frame[3]=new Image()
frame[3].src="images/snow.gif"
frame[4]=new Image()
frame[4].src="images/snow.gif"
frame[5]=new Image()
frame[5].src="images/snow.gif"

var i_nownumberofframes=0
var i_maxnumberofframes=5
var i_numberofblossoms=0

var marginleft=0
var margintop=0
var marginbottom
var marginright

var timer
var thisblossom

showblossomstime=showblossomstime*1000

function positionblossoms() {
    if (document.all) {  
        marginbottom=document.body.clientHeight-40
        marginright=document.body.clientWidth-40   
        for (i=0;i<=numberofblossoms;i++) {    
            var randx=Math.floor(marginright*Math.random())
            var randy=Math.floor(marginbottom*Math.random())
            thisblossom=eval("document.all.blossom"+i+".style")
            thisblossom.posLeft=randx
            thisblossom.posTop=randy
            thisblossom.visibility="visible"
        }
        thisblossom=eval("blossom0")
        openblossoms()
    }
    if (document.layers) {  
        marginbottom=window.innerHeight-40
        marginright=window.innerWidth-40      
        for (i=0;i<=numberofblossoms;i++) {    
            var randx=Math.floor(marginright*Math.random())
            var randy=Math.floor(marginbottom*Math.random())
            thisblossom=eval("document.blossom"+i)
            thisblossom.left=randx
            thisblossom.top=randy
            thisblossom.visibility="visible"
        }
        thisblossom=eval("document.blossom0.document")
        openblossoms()
    }
}

function openblossoms() {
    if (document.all) {
        clearTimeout(timer)
        if (i_nownumberofframes<=i_maxnumberofframes) {
            thisblossom.innerHTML="<img src='"+frame[i_nownumberofframes].src+"'>"
            i_nownumberofframes++
            timer=setTimeout("openblossoms()",openblossomspeed)
        }
        else  {
            clearTimeout(timer)
            i_nownumberofframes=0
            switchtonextblossom()
        }
    }
    if (document.layers) {  
        if (i_nownumberofframes<=i_maxnumberofframes) {
            thisblossom.write("<img src='"+frame[i_nownumberofframes].src+"'>")
            thisblossom.close()
            i_nownumberofframes++
            timer=setTimeout("openblossoms()",openblossomspeed)
        }
        else  {
            clearTimeout(timer)
            i_nownumberofframes=0
            switchtonextblossom()
        }
    }
}

function switchtonextblossom() {
    if (document.all) {
        i_numberofblossoms++
        if (i_numberofblossoms<=numberofblossoms) {
            thisblossom=eval("blossom"+i_numberofblossoms)
            openblossoms()
        }
        else {
            setTimeout("hideblossoms()",showblossomstime)
        }
    }
    if (document.layers) {
        i_numberofblossoms++
        if (i_numberofblossoms<=numberofblossoms) {
            thisblossom=eval("document.blossom"+i_numberofblossoms+".document")
            openblossoms()
        }
        else {
            setTimeout("hideblossoms()",showblossomstime)
        }
    }
}

function hideblossoms() {
    if (document.all) {
        for (i=0;i<=numberofblossoms;i++) {    
            thisblossom=eval("document.all.blossom"+i+".style")
            thisblossom.visibility="hidden"
        }
    }
    if (document.layers) {
        for (i=0;i<=numberofblossoms;i++) {    
            thisblossom=eval("document.blossom"+i)
            thisblossom.visibility="hidden"
        }
    }
}

if (document.all) {
    for (i=0;i<=numberofblossoms;i++) {
        document.write("<div id='blossom"+i+"' style='position:absolute;top:0px;left:0px;visibility:hidden;'><img name='blossomimg"+i+"' src='images/snow.gif'></div>")
        document.clear()
    }
}

if (document.layers) {
    for (i=0;i<=numberofblossoms;i++) {
        document.write("<layer name='blossom"+i+"' visibility=hide><img name='blossomimg"+i+"' src='http://www.jsshow.com/wytx/images/85/frame1.gif'></layer>")
    }
}

window.onresize=positionblossoms
window.onload=positionblossoms

</script>
 

 效果进入：在线代码测试器

进入 网页素材大全

进入 网站博客制作

1 2 3 4 5 6 7 8 9 下一页

0

顶一下

返回首页

请填写详细信息发表评论

评论名字：
电子邮件：
评论内容：
验证字码：