关闭

JavaScript图片 向下闪缩放的效果

544人阅读 评论(0) 收藏 举报
先保存这个为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)" >

0
0

猜你在找
【直播】机器学习&数据挖掘7周实训--韦玮
【套餐】系统集成项目管理工程师顺利通关--徐朋
【直播】3小时掌握Docker最佳实战-徐西宁
【套餐】机器学习系列套餐(算法+实战)--唐宇迪
【直播】计算机视觉原理及实战--屈教授
【套餐】微信订阅号+服务号Java版 v2.0--翟东平
【直播】机器学习之矩阵--黄博士
【套餐】微信订阅号+服务号Java版 v2.0--翟东平
【直播】机器学习之凸优化--马博士
【套餐】Javascript 设计模式实战--曾亮
查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:397514次
    • 积分:5719
    • 等级:
    • 排名:第4493名
    • 原创:143篇
    • 转载:195篇
    • 译文:0篇
    • 评论:47条