JavaScript图片 向下闪缩放的效果
先保存这个为xxx.js文件放在页面的 <head></head>里
{
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图片 向下闪缩放的效果相关推荐
- JavaScript 图片滑动展示效果javascript
javascript 图片滑动展示效果 更新版本:slideview 图片滑动(扩展/收缩)展示效果 看到jquery实例:图片展示效果后,我也想拿来试试,但我不太喜欢用框架,所以自己做了个. 其中的 ...
- JavaScript 图片滑动切换效果
序一(08/07/06) 看到alibaba的一个图片切换效果,感觉不错,想拿来用用.但代码一大堆的,看着昏,还是自己来吧. 由于有了做图片滑动展示效果的经验,做这个就容易得多了. 序二(09/03/ ...
- javascript图片剪切效果
序一(08/07/21) 很久之前就在一个网站的截取相片的功能中看到这个效果,也叫图片裁剪.图片剪切(设置一下也可以做出放大镜等类似的效果). 当时觉得很神奇,碍于水平有限,没做出来. 前些日子突然想 ...
- 仿基金查询输入框下拉筛选值效果(JavaScript)
http://www.weste.net/2007/11-24/19463143437.html 仿基金查询输入框下拉筛选值效果(JavaScript)
- php图片滑动的属性,JavaScript_javascript图片滑动效果实现,本文为大家分享了javascript图片 - phpStudy...
javascript图片滑动效果实现 本文为大家分享了javascript图片滑动效果实现方法,具体内容如下,先看一下效果图: 鼠标滑过那张图,显示完整的哪张图,移除则复位: 简单的CSS加JS操作D ...
- JavaScript 图片切割效果(带拖放、缩放效果)
JavaScript 图片切割效果(带拖放.缩放效果) 转载于:https://www.cnblogs.com/xiaoluozi513/archive/2008/11/14/1333882.html
- JavaScript 图片切换展示效果
JavaScript 图片切换展示效果 看到alibaba的一个图片切换效果,感觉不错,想拿来用用.但代码一大堆的,看着昏,还是自己来吧. 由于有了做图片滑动展示效果的经验,做这个就容易得多了. 先看 ...
- JavaScript 图片3D展示空间(3DRoom)
一般的平面效果,通过改变水平和垂直坐标就能实现,再加上深度,就能在视觉上的产生3D(三维)的效果. 程序就是模拟这样一个三维空间,里面的图片会根据三维坐标显示在这个空间. 很久以前就看过一个3DRoo ...
- php自动轮播图代码,JavaScript如何实现动态轮播图效果?(代码示例)
本篇文章给大家带来的内容是JavaScript如何实现动态轮播图效果?(代码示例).有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 功能描述: 1.鼠标经过 左右侧箭头显示,鼠标离开 ...
最新文章
- 代码中的输入输出(重定向、文件流C/C++)
- java iterator如何知道数量_Java开发岗面试题基础篇(二)
- 深入理解分布式技术 - 探究缓存穿透、缓存击穿、缓存雪崩解决方案
- 虎符杯——虚拟机逆向
- 将html转换为pptx,javascript – 将html表导出到客户端的ppt?
- 第十二单元 打包,压缩,主机传送文件
- JBox2D For Android - hello box2d
- 多线程和线程池的基本知识总结
- 素数五个为一行的_对标交流 ▏潍坊市心理咨询师协会名誉理事长、潍坊医学院王力教授一行到昌邑市妇幼保健院指导交流工作...
- mysql 引擎 类型_MySQL(一)之存储引擎类型
- Vue3学习之第三节:setup()中使用计算属性
- atitit.提升备份文件复制速度(1) -----分析统计问题and解决方案
- c语言fltk图形库,c-free-C/C++集成开发环境-c-free下载 v5.0官方版-完美下载
- [LCT BZOJ]2959: 长跑
- 什么促使计算机图形学发展,计 算 机 图 形 学 的 过 去、 现 在 和 未 来.doc
- 动名词做主语时的谓语动词问题
- HPRT HLP106S-UE 驱动
- linux do_irq 报错 代码,linux-2.6.38中断机制分析—asm_do_IRQ
- openFoam+paraview 显示网格cellID
- Eclipse打开报错,The Eclipse executable launcher was unable to locate its companion shared library.