程序博客网 > 企业如何注册域名

js图片效果

来源：互联网发布：企业如何注册域名编辑：程序博客网时间：2024/06/05 17:09

1 .图片随意拖动效果

<body onload="fin()">
<SCRIPT language=JavaScript>
<!--
drag = 0
move = 0

function fin() {
    window.document.onmousemove = mouseMove
    window.document.onmousedown = mouseDown
    window.document.onmouseup = mouseUp
    window.document.ondragstart = mouseStop
}

function mouseDown() {
    if (drag) {
        clickleft = window.event.x - parseInt(blodrag.style.left)        // 获取鼠标在X轴的坐标
        clicktop = window.event.y - parseInt(blodrag.style.top)          // 获取鼠标在Y轴的坐标
        blodrag.style.zIndex += 1
        move = 1
    }
}

function mouseStop() {
window.event.returnValue = false
}

function mouseMove() {
    if (move) {
        blodrag.style.left = window.event.x - clickleft                 // 获取鼠标在X轴的坐标
        blodrag.style.top = window.event.y - clicktop                   // 获取鼠标在Y轴的坐标
    }
}

function mouseUp() {
move = 0
}
//-->
</SCRIPT>
<DIV id=blodrag onmouseout=drag=0 onmouseover=drag=1
style="HEIGHT: 90px; LEFT: 10px; POSITION: absolute; TOP: 10px; WIDTH: 90px"><IMG border=3 src="buddies.jpg" >
</body>

2.图片渐出效果

<SCRIPT LANGUAGE=javascript>

</SCRIPT>

<body onload="picload();">
<img src="beijing.gif" id="obj" style="visibility:hidden; FILTER: revealTrans(Duration=1,Transition=23);">
</body>

3下拉菜单图片选择

<FORM name="form">
<SELECT NAME="selImage" size=1 onchange="img.src=this.value +'.gif';">
<OPTION value=1>头像1
<OPTION value=2>头像2
<OPTION value=3>头像3
<OPTION value=4>头像4
<OPTION value=5>头像5
<OPTION value=6>头像6
<OPTION value=7>头像7
<OPTION value=8>头像8
</SELECT> <IMG SRC="1.gif" NAME="img">
</FORM>

企业如何注册域名

企业如何注册域名

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子渡劫之战梦幻渡劫好处渡劫梦幻渡劫等级渡劫记渡劫出处踏入异界的渡劫高手梦幻渡劫pt 渡世仙劫渡雷劫梦幻渡劫任务虎头怪渡劫形象梦幻渡劫剧情攻略梦幻渡劫造型渡劫剑侠客梦幻q仙渡劫度仙劫星辰变50级渡劫剑侠客渡劫剧情攻略古剑奇侠渡劫辅助梦幻羽灵神渡劫造型渡劫之后的渡劫要求 2014年终南山渡劫事件峨眉发生修真渡劫事件 1995年安徽巨蟒渡劫渡口相思渡口风陵渡口大渡口东昌渡口重庆大渡口渡口标志大渡口古镇西渡口论坛安顺场渡口大渡口万达三林渡口渡口席慕容大渡口房价渡口下载