JavaScript图片 向下闪缩放的效果

原创 2006年06月01日 13:46:00
先保存这个为xxx.js文件放在页面的 <head></head>里

function lbsong()
{
window.open("about:blank","lbsong","toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=yes,copyhistory=yes,top=100,left=100,width=302,height=232");
}
function open_window(url,windowname,size)
{
window.open(url,windowname,"toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=yes,copyhistory=yes,top=10,left=10,"+ size);
}

function CheckOthers(form)
{
        for (var i=0;i<form.elements.length;i++)
        {
                var e = form.elements[i];
//                if (e.name != 'chkall')
                        if (e.checked==false)
                        {
                                e.checked = true;// form.chkall.checked;
                        }
                        else
                        {
                                e.checked = false;
                        }
        }
}

function CheckAll(form)
{
        for (var i=0;i<form.elements.length;i++)
        {
                var e = form.elements[i];
//                if (e.name != 'chkall')
                        e.checked = true// form.chkall.checked;
        }
}

function on(gValue){
pic=gValue;
move=setInterval("moving(pic)",50);}

function off(gValue){
clearInterval(move);
gValue.filters.blur.strength=0; }

function moving(s){
if (s.filters.blur.strength<110)
s.filters.blur.strength+=5;
else clearInterval(move);}

function makevisible(cur,which)
{
if (which==0)
  cur.filters.alpha.opacity=100
else
  cur.filters.alpha.opacity=40
}
然都在图片后面加上 下面的蓝色代码
<img src="banner_13.jpg" width="760" height="120"   style="border-color:#000000;border-width:1px;border-style:solid;filter: blur(add=1, direction=100, strength=2)" onMouseOut="off(this)" onMouseOver="on(this)" >

相关文章推荐

用JavaScript实现图片缓慢缩放效果

(本文是慕课网课程文档整理,课程地址http://www.imooc.com/learn/80) 实现效果: 点击放大/减小按钮,图片进行相应的缩放,缩放到一定尺寸,不再缩放。(图片来自百度) 实...
  • az_77
  • az_77
  • 2016年07月01日 14:07
  • 169

JavaScript图片裁剪切割效果(带拖放、缩放效果)

JavaScript 图片切割效果(带拖放、缩放效果) #rRightDown,#rLeftDown,#rLeftUp,#rRightUp,#rRight,#rLeft,#rUp,...

图片阴影缩放功能带动画效果

  • 2015年10月08日 17:31
  • 986KB
  • 下载

用javascript实现仿163的js广告向下挤压页面的效果

本次实现一个js小小特效,效果就是广告从页面的上方出来将基本页面挤压下去。 实现的思路是将两个div(广告div1和div2)。将div1的高度不断增加,增加的同时div2的y轴坐标变大,div1的...

javascript拖拉缩放效果

  • 2008年12月29日 21:33
  • 8KB
  • 下载

JavaScript 拖拉缩放效果

javascript 拖拉缩放效果 拖拉缩放效果,实现通过鼠标拖动来调整层的面积(宽高)大小。例如选框效果。 这里的拖拉缩放比一般的选框复杂一点,能设置八个方位(方向)的固定触发点,能设置最小范围...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:JavaScript图片 向下闪缩放的效果
举报原因:
原因补充:

(最多只允许输入30个字)