`

JavaScript图片 向下闪缩放的效果

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

CODE:
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自适应图片大小的弹出窗口
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    js实现鼠标滚轮控制图片缩放效果的方法

    主要介绍了js实现鼠标滚轮控制图片缩放效果的方法,涉及onmousewheel事件及javascript操作图片的技巧,具有一定参考借鉴价值,需要的朋友可以参考下

    javascript经典效果示例

    49:___按比例缩放图片，JavaScript代码 50:___最简的JavaScript鼠标经过切换图片 51:___有点炫的JavaScript立体图片展示 52:___根据鼠标放上切换内容制作的图片导航 53:___浮动的图片广告 54:___清爽简洁的图片交替...

    javaScript实现可缩放的显示区效果代码

    这里演示可缩放的显示区，采用JS代码实现，鼠标按住区域的右下角，出现拖放箭头时，向下或向上拉，就可实现缩放操作，当区域较小时显示滚动条，平时也比较常见的效果，在此将JavaScript代码与大家分享。 运行效果...

    程序天下:JavaScript实例自学手册

    9.36 使用JavaScript向表格中写入数据 9.37 类C# GridView的编辑效果（一） 9.38 类C# GridView的编辑效果（二） 第10章 单选框和复选框 10.1 选择了哪一个单选框 10.2 单击文字实现单选框的选定 10.3 被选中的复选...

    《程序天下：JavaScript实例自学手册》光盘源码

    9.36 使用JavaScript向表格中写入数据 9.37 类C# GridView的编辑效果（一） 9.38 类C# GridView的编辑效果（二） 第10章 单选框和复选框 10.1 选择了哪一个单选框 10.2 单击文字实现单选框的选定 10.3 被选中的复选...

    JavaScript详解(第2版)

    　9.5.1　向上取整及向下取整　 　9.5.2　生成随机数　 　9.5.3　wrapper对象　 　9.5.4　String对象　 　9.5.5　Number对象　 　9.5.6　Boolean对象　 　9.5.7　Function对象　 　9.5.8　再论关键字with　 　9.6　...

    JavaScript实用范例词典04-14

    5.21 窗口的自动向下滚动... 124 5.22 窗口的自动向右滚动... 125 5.23 双击鼠标滚动窗口/单击鼠标停止 滚动... 126 5.24 去掉窗口滚动条... 127 5.25 让滚动条在窗口左边出现... 128 5.26 改变窗口滚动条的...

    网页广告 代码全集 js 广告代码 大全 1-61 (A)

    109:四屏切换JS广告代码下载 110：JavaScript图片切换效果 下载 111:在线客服代码 下载 112：单独关闭的两边悬挂代码下载 113:全屏可伸缩可关闭广告代码下载 114：四屏JS带缩略图的焦点图 下载 115:书角带阴影的...

    网页广告 代码全集 js 广告代码 62-120 大全 (B)

    109:四屏切换JS广告代码下载 110：JavaScript图片切换效果 下载 111:在线客服代码 下载 112：单独关闭的两边悬挂代码下载 113:全屏可伸缩可关闭广告代码下载 114：四屏JS带缩略图的焦点图 下载 115:书角带阴影的...

    JQuery&CSS;&CSS;+DIV实例大全.rar

    61.js仿淘宝网鼠标经过缩略图放大图片效果的jQuery Fancy Hover Effect完整实例 62.Supersized jQuery全屏相册图片自动切换插件 63.[荐]jquery仿flash漂亮横向图片滚动效果完整版(兼容性非常好) 64.[荐]...

    sliced-api:一个食谱应用程序，可按14的增量缩放配料

    切片API 切成薄片可让您保存食谱，并按1/4增量向上或向下缩放配料。 该存储库用于后端API。 现场版本： : 客户回购： : 图片 用户可以在列表中查看所有配方。 用户可以查看如何解析其配方的实时预览，以相应地调整其...

    sliced-client:一个食谱应用程序，可按14的增量缩放配料

    切成薄片可让您保存食谱并按1/4增量向上或向下缩放配料 该存储库适用于前端客户端。 现场版本： : 后端仓库： : 模拟账户 电子邮件 密码测试密码 图片 用户可以在列表中查看所有配方。 用户可以查看如何解析...

    简单，透明的媒体查看器-JavaScript开发

    opti一个简单透明的媒体查看器下载控件控制功能b切换边框始终在右上/左下一个/上一页opti一个简单透明的媒体查看器下载控件控制功能b切换边框始终在右上/左上一个...scroll /向上/向下像素缩放图像空间重置图像转义关闭

    chartjs-plugin-zoom:Chart.js的缩放和平移插件

    chartjs-plugin-zoom Chart.js&gt; = 3.0.0的缩放和平移插件 为了获得Chart.js 2.6.0至2.9.x的支持，请使用 。...在向项目提交问题或请求请求之前，请花一点时间先仔细阅读。 执照 chartjs-plugin-zoom.js在下可用。

    pig.js:使用CSS转换将图像排列在以JavaScript管理的自适应渐进式加载网格中

    传统的方法是对图像进行分页，或使用AJAX在页面上加载并插入更多图像桶，而pig.js在您向下滚动页面时智能地加载和卸载图像，以确保快速渲染图像，平滑滚动，和最小的网络活动。 响应速度：图像以JavaScript加载，...

    jQuery攻略.pdf

    314 10.20 使文字围绕图片显示 316 10.21 在图片背后放置阴影 317 10.22 当鼠标移过链接的时候改变鼠标样式 319 10.23 在指定的区域中显示长文字 320 10.24 创建圆角的栏 322 10.25 应用文字装饰 323 10.26 缩放图片 ...

    polyrhythm:一个简单JavaScript多节奏发生器

    向下滚动！ 查看完整的内容:)单击数字以更改它们 不同领域有什么作用？ 出色地： 区隔栏位 比率（中间最大的比率）-在这里您可以输入音乐比率，例如3：4或3：4。 请注意，您还可以输入两个以上的“语音”，例如3：6...

    超实用的jQuery代码段

    7.18 实现平滑的图片动态缩放效果 7.19 自动适应的窗口背景 7.20 如何判断加载多张图片的完成状态 7.21 鼠标悬停时的图片放大 7.22 淡出图片，淡入另一幅图片 7.23 页面加载时随机显示图片 7.24 按顺序淡入图片显示 ...

    Create-a-Delphi-PDF-Embedded-Viewer-:使用Javascript和Web浏览器创建PDF脱机查看器

    该库执行渲染，但不负责向用户提供任何其他功能，如导航，缩放级别或打印。 此外，还有一个完整的查看器（使用html，CSS和JavaScript实现），可以通过浏览器中控制的所有功能来完成上述操作。 由于PDF.js仅使用现代...

    HTML5的中的新元素

    新千年以来，超文本标记...Web 设计人员开始学习使用异步 JavaScript + XML（Ajax），在现有的框架下通过层叠样式表（CSS）和 JavaScript™ 语言建立自己的应用程序。但是在接下来的八年中，HTML 本身没有任何变化。

Magicbox
Global site tag (gtag.js) - Google Analytics