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实现图片等比例缩放

js部分: $(window).load(function() {   ImageAutoResize('div[id=demotu]');   function Image...
  • Lankecms
  • Lankecms
  • 2017年04月22日 14:45
  • 341

Android 图片闪烁的效果

  • cll3966
  • cll3966
  • 2015年08月05日 11:17
  • 1640

如何为图片添加闪烁效果

private void setFlickerAnimation(ImageView iv_chat_head) { final Animation animation = ne...
  • u014608071
  • u014608071
  • 2017年05月07日 19:11
  • 483

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

作者:代码家园 字体:[增加 减小] 类型:转载 时间:2015-02-20 这篇文章主要介绍了js实现鼠标滚轮控制图片缩放效果的方法,涉及onmousewheel事件及javascri...
  • dragoo1
  • dragoo1
  • 2016年07月19日 11:09
  • 1372

Python之图片缩放功能实现

这几天由于有项目在做,自己的学习部分然后没有很充足的时间,但是这些零碎的时间也是很宝贵的,所以还是继续学我的python,我很喜欢这个语言,因为简洁,开发环境简单,更多的事,功能灰常的强大,所以好多有...
  • zlt995768025
  • zlt995768025
  • 2016年08月13日 22:00
  • 1061

自定义 ListView 实现图片的拉伸放大;松手图片还原

自定义 ListView 实现图片的拉伸放大;松手图片还原
  • antimage08
  • antimage08
  • 2015年11月24日 19:23
  • 1857

CSS3背景闪烁和图片缩放动画效果

CSS3感应鼠标的背景闪烁和图片缩放动态效果 /*标题背景*/ h2{background:rgba(0,0,0,0.5);color:#FFF;padding:10px 0;width:300p...
  • lmnotlm
  • lmnotlm
  • 2014年05月05日 14:44
  • 1838

用css实现光泽一闪而过的图片效果

曾在网上看到当鼠标悬停时光泽一闪而过的这种效果。十分的简单,但非常的漂亮。在重新设计网站版面时,我就运用在我的logo上使用这种效果。只需要两个HTML元素和一个CSS变换,我就能创造出我自己的闪光效...
  • u013638493
  • u013638493
  • 2014年08月05日 23:37
  • 1121

XRecyclerView的简单使用与图片拉动字体缩放效果的实现

一、XRecyclerView的简单使用 1,依赖第三方implementation project(':xrecyclerview')与xml布局中的引入; 2,设置布局管理器 //设置布局管理...
  • liuxingyuzaixian
  • liuxingyuzaixian
  • 2017年12月21日 23:18
  • 76

图片轮播+无闪动实时刷新

之前做的一个项目模块中,需要实现在同一区域根据后台不同的需求,播放图片轮播后者视频,并且要实现模式转换的实时性,加载的图片和视频资源也要根据数据库实时更新。基本分为三部分:图片轮播的实现,视频的播放,...
  • u013046097
  • u013046097
  • 2016年08月14日 18:46
  • 1367
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:JavaScript图片 向下闪缩放的效果
举报原因:
原因补充:

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