先保存这个为xxx.js文件放在页面的 <head></head>里

CODE:
[Copy to clipboard]
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图片 向下闪缩放的效果相关推荐

  1. JavaScript 图片滑动展示效果javascript

    javascript 图片滑动展示效果 更新版本:slideview 图片滑动(扩展/收缩)展示效果 看到jquery实例:图片展示效果后,我也想拿来试试,但我不太喜欢用框架,所以自己做了个. 其中的 ...

  2. JavaScript 图片滑动切换效果

    序一(08/07/06) 看到alibaba的一个图片切换效果,感觉不错,想拿来用用.但代码一大堆的,看着昏,还是自己来吧. 由于有了做图片滑动展示效果的经验,做这个就容易得多了. 序二(09/03/ ...

  3. javascript图片剪切效果

    序一(08/07/21) 很久之前就在一个网站的截取相片的功能中看到这个效果,也叫图片裁剪.图片剪切(设置一下也可以做出放大镜等类似的效果). 当时觉得很神奇,碍于水平有限,没做出来. 前些日子突然想 ...

  4. 仿基金查询输入框下拉筛选值效果(JavaScript)

    http://www.weste.net/2007/11-24/19463143437.html 仿基金查询输入框下拉筛选值效果(JavaScript)

  5. php图片滑动的属性,JavaScript_javascript图片滑动效果实现,本文为大家分享了javascript图片 - phpStudy...

    javascript图片滑动效果实现 本文为大家分享了javascript图片滑动效果实现方法,具体内容如下,先看一下效果图: 鼠标滑过那张图,显示完整的哪张图,移除则复位: 简单的CSS加JS操作D ...

  6. JavaScript 图片切割效果(带拖放、缩放效果)

    JavaScript 图片切割效果(带拖放.缩放效果) 转载于:https://www.cnblogs.com/xiaoluozi513/archive/2008/11/14/1333882.html

  7. JavaScript 图片切换展示效果

    JavaScript 图片切换展示效果 看到alibaba的一个图片切换效果,感觉不错,想拿来用用.但代码一大堆的,看着昏,还是自己来吧. 由于有了做图片滑动展示效果的经验,做这个就容易得多了. 先看 ...

  8. JavaScript 图片3D展示空间(3DRoom)

    一般的平面效果,通过改变水平和垂直坐标就能实现,再加上深度,就能在视觉上的产生3D(三维)的效果. 程序就是模拟这样一个三维空间,里面的图片会根据三维坐标显示在这个空间. 很久以前就看过一个3DRoo ...

  9. php自动轮播图代码,JavaScript如何实现动态轮播图效果?(代码示例)

    本篇文章给大家带来的内容是JavaScript如何实现动态轮播图效果?(代码示例).有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 功能描述: 1.鼠标经过 左右侧箭头显示,鼠标离开 ...

最新文章

  1. 代码中的输入输出(重定向、文件流C/C++)
  2. java iterator如何知道数量_Java开发岗面试题基础篇(二)
  3. 深入理解分布式技术 - 探究缓存穿透、缓存击穿、缓存雪崩解决方案
  4. 虎符杯——虚拟机逆向
  5. 将html转换为pptx,javascript – 将html表导出到客户端的ppt?
  6. 第十二单元       打包,压缩,主机传送文件
  7. JBox2D For Android - hello box2d
  8. 多线程和线程池的基本知识总结
  9. 素数五个为一行的_对标交流 ▏潍坊市心理咨询师协会名誉理事长、潍坊医学院王力教授一行到昌邑市妇幼保健院指导交流工作...
  10. mysql 引擎 类型_MySQL(一)之存储引擎类型
  11. Vue3学习之第三节:setup()中使用计算属性
  12. atitit.提升备份文件复制速度(1) -----分析统计问题and解决方案
  13. c语言fltk图形库,c-free-C/C++集成开发环境-c-free下载 v5.0官方版-完美下载
  14. [LCT BZOJ]2959: 长跑
  15. 什么促使计算机图形学发展,计 算 机 图 形 学 的 过 去、 现 在 和 未 来.doc
  16. 动名词做主语时的谓语动词问题
  17. HPRT HLP106S-UE 驱动
  18. linux do_irq 报错 代码,linux-2.6.38中断机制分析—asm_do_IRQ
  19. openFoam+paraview 显示网格cellID
  20. Eclipse打开报错,The Eclipse executable launcher was unable to locate its companion shared library.

热门文章

  1. 洛谷 P1330 封锁阳光大学 二分图染色
  2. 【转】 Pro Android学习笔记(二十):用户界面和控制(8):GridView和Spinner
  3. java设计模式之——代理模式
  4. Android面试常规问答
  5. VS2005中Build顺序的设定
  6. 读书笔记系列--《理解专业程序员》tips
  7. (转)Spring Boot 2(一):【重磅】Spring Boot 2.0权威发布
  8. 自定义 Java Annotation ,读取注解值
  9. Airflow 中文文档:数据分析
  10. Atom飞行手册翻译: 4.3 作用域设置、作用域和作用域描述符