精华内容
下载资源
问答
  • 鼠标滑过图片变亮1js
  • 鼠标经过图片变亮离开暗的js特效代码,分别可css实现和jquery实现,兼容FF(鼠标特效代码,js图片变亮js图片变暗,js特效代码) 更多的网页特效登录ab蓝学网下载 预览地址:...

    鼠标经过图片变亮离开变暗的js特效代码,分别可css实现和jquery实现,兼容FF(鼠标特效代码,js图片变亮,js图片变暗,js特效代码)

    鼠标经过图片变亮离开变暗的js特效代码

    更多的网页特效登录ab蓝学网下载

    预览地址:http://www.ablanxue.com/prone_995_1.html 

    展开全文
  • jQuery仿京东图片亮变暗效果,鼠标悬停图片之后该图片变亮,其他图片变暗。移开鼠标所有图片变亮。兼容主流浏览器,php中文网推荐下载! 使用方法: 1、head区域引用文件lrtk.css及js库,animate.js是另外编写的...
  • 图片悬停变亮JS图片列表特效,当鼠标放在缩略图片上时,左侧的大图片显示鼠标悬停位置的图片,兼容IE和火狐等浏览器,比较不错的效果,和焦点图代码和图片幻灯有些不一样哦,适合布局在扁平化风格的网页中。
  • jQuery仿京东商城图片亮变暗效果,鼠标悬停图片之后该图片变亮,其他图片变暗。移开鼠标所有图片变亮,兼容主流浏览器。
  • 图片亮变暗展示推荐商品
  • 鼠标停留图片变亮.zip

    2019-07-04 23:34:13
    鼠标停留图片变亮是一款不需要js即可实现的鼠标悬停图片高亮效果。
  • jQuery鼠标经过图片变亮效果基于jquery-1.7.2.min.js制作。
  • jQuery实现鼠标经过图片变亮效果是一款鼠标滑过图片变亮,其余图片变暗特效代码。
  • 鼠标停留图片变亮是一款不需要js即可实现的鼠标悬停图片高亮效果。
  • js改变图片亮度..

    2016-10-19 14:21:36
    js改变图片亮度饱满度等等,已经自定义上传图片按钮样式...
  • NULL 博文链接:https://sgp420.iteye.com/blog/1874549
  • 淘宝商城首页商品分类模块当鼠标经过整个区域图片变暗,唯一鼠标悬停的那个商品图片变亮JS特效代码! 在线演示:http://mj.588cy.com/jquery/22.html 无标题文档 * {margin:0;padding:0;font-size:12px;...

    淘宝商城首页商品分类模块当鼠标经过整个区域图片变暗,唯一鼠标悬停的那个商品图片变亮的JS特效代码!

    在线演示:http://mj.588cy.com/jquery/22.html

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    <style>
    * {margin:0;padding:0;font-size:12px;list-style:none;border:0;}
    body{ margin:0px; padding:0px; background-color:#f0f0f0; font-family:Arial, Helvetica, sans-serif;}
    a{ text-decoration:none;}
    .top{ width:800px; height:30px; border-bottom:1px solid #dbdbdb; margin:0px auto;}
    .logo{ width:300px; height:30px; line-height:30px; float:left; font-size:14px; margin:0px 5px;}
    .logo a{ color:#666666;}
    .denglu{ height:30px; line-height:30px; float:right; font-size:14px;}
    .denglu a{ color:#666666; margin:0px 10px;}
    .clear{ display:block; height:0px; line-height:0px; font-size:0px; clear:both;}
    
    .box{ width:780px; height:auto; margin:0px auto; border-top:1px solid #f9f9f9; padding:30px 10px;}
    .nav{background:url(http://img03.taobaocdn.com/tps/i3/T1vEjBXaFXXXXB18My-190-292.png) repeat left top;width:190px;height:300px; float:left;}
    .nav li {float:left;position:relative;width:95px;height:30px;}
    .nav li a {position:absolute;text-indent:-9999px;display:block;width:95px;height:30px;top:0;left:0;overflow:hidden;outline:none;}
    .nav li a:hover { background:#000;opacity:0.1;filter:alpha(opacity=10);}
    .floorMain {float:left; width:460px; position:relative;}
    .floorMain a{background-color:#000; position:absolute;}
    .a_a{ left:0px; top:0px;}
    .a_b{ left:195px; top:0px;}
    .a_c{ left:195px; top:150px;}
    .a_d{ left:390px; top:0px;}
    </style>
    <script type="text/javascript" src="http://mj.588cy.com/img/jquery-1.2.6.min.js"></script>
    <script>
    $(document).ready(function(){
    	$(".floorMain a").each(function() {
    		$(this).hover(function() {
    			$(this).siblings().find("img").stop().fadeTo("fast",0.7);
    		},
    		function() {
    			$(this).siblings().find("img").stop().fadeTo("fast",1);
    		});
    	});
    })
    </script>
    </head>
    <body>
    <div class="top">
    <div class="logo"><a href="http://mj.588cy.com">MJBlog</a></div>
    <div class="denglu"><a href="#">登录</a><a href="#">注册</a></div>
    <div class="clear"></div>
    </div>
    
    <div class="box">
    <div class="nav">
    <ul>
    <li><a  href="#" title="fiveplus">fiveplus</a></li>
    <li><a  href="#" title="LEVIS/李维斯">LEVIS/李维斯</a></li>
    <li><a  href="#" title="ochirly">ochirly</a></li>
    <li><a  href="#" title="JACKJONES/杰克琼斯">JACKJONES/杰克琼斯</a></li>
    <li><a  href="#" title="雅莹">雅莹</a></li>
    <li><a  href="#" title="KBOXING/劲霸">KBOXING/劲霸</a></li>
    <li><a  href="#" title="恩裳">恩裳</a></li>
    <li><a  href="#" title="SEPTWOLVES/七匹狼">SEPTWOLVES/七匹狼</a></li>
    <li><a  href="#" title="ONLY">ONLY</a></li>
    <li><a  href="#" title="FAIRWHALE/马克华菲">FAIRWHALE/马克华菲</a></li>
    <li><a  href="#" title="veromoda">veromoda</a></li>
    <li><a  href="#" title="CABBEEN/卡宾">CABBEEN/卡宾</a></li>
    <li><a  href="#" title="哥弟">哥弟</a></li>
    <li><a  href="#" title="艾格">艾格</a></li>
    <li><a  href="#" title="爱慕">爱慕</a></li>
    <li><a  href="#" title="金三塔">金三塔</a></li>
    <li><a  href="#" title="曼妮芬">曼妮芬</a></li>
    <li><a  href="#" title="华歌尔">华歌尔</a></li>
    </ul>
    </div>
    	<div class="floorMain">
    		<a href="http://www.chaonanwo.com/book/yifu" class="a_a"><img src="http://img01.taobaocdn.com/tps/i1/T1zzrIXghhXXXoDBZK-195-300.png" /></a>
    		<a href="http://www.chaonanwo.com/note/229/g/199" class="a_b"><img src="http://img02.taobaocdn.com/tps/i2/T1qazzXe4nXXc2tkZK-195-150.png" /></a>
    		<a href="http://www.chaonanwo.com/book/xiezi" class="a_c"><img src="http://img02.taobaocdn.com/tps/i2/T1pevFXbFoXXc2tkZK-195-150.png" /></a>
            <a href="http://www.chaonanwo.com/book/yifu" class="a_d"><img src="http://img01.taobaocdn.com/tps/i1/T11YWoXdhSXXXXXXXX-195-300.jpg" /></a>
    	</div>
    </div>
    </body>
    </html>


    展开全文
  • 鼠标移到图片1,那么就让除了图片1的其他图片的透明度降低,让他们看起来更暗,让图片1看起来显得更 JS.CSS.JQ都可以使用 在这里记录下原理。。 转载于:https://www.cnblogs.com/h376328101/p/...

    很久没做,原理都有点忘记了。

     

    效果的原理

    原理其实很简单,首先给一个黑色的背景,通过降低图片的透明度,让黑色背景呈现出来,图片看起来就更暗。鼠标移到图片1,那么就让除了图片1的其他图片的透明度降低,让他们看起来更暗,让图片1看起来显得更亮

     

    JS.CSS.JQ都可以使用

     

    在这里记录下原理。。

    转载于:https://www.cnblogs.com/h376328101/p/4469327.html

    展开全文
  • js图片切换实习闪光发亮效果,代码简单易懂,注释清晰,下载后直接可以点击运行
  • 程序集合了宽度、高度、透明度、top、left的渐变,可以自定义...渐变效果的原理就是利用定时器不断设置值,如果要减速效果就设置一个步长(详细看JavaScript 弹簧效果) 。 这里只是把能渐变的属性(透明度、宽、...
    程序集合了宽度、高度、透明度、top、left的渐变,可以自定义渐变项目和各个项目的初始值结束值,还能以任意点(定点)为中心渐变。
    

    使用该程序能实现很多常见的动画特效,包括大小变换、位置变换、渐显渐隐等等。

    程序说明:


    渐变效果的原理就是利用定时器不断设置值,如果要减速效果就设置一个步长(详细看JavaScript 弹簧效果) 。
    这里只是把能渐变的属性(透明度、宽、高、left、top)整合在一起,使用相同的渐变级数(Step)使渐变同步,形成多个属性同时渐变的效果。

    下面说说有用的地方:


    【最终样式】
    在JavaScript 图片切割效果的边宽获取中也说到了最终样式,在使用offset获取的数据设置宽度高度的时候,必须先减去最终样式中的边框宽度。
    在这里我使用了muxrwc的在FF下实现currentStyle方法,这样在ff和ie都可以从currentStyle获取最终样式了:

    if(!isIE){
    HTMLElement.prototype.__defineGetter__("currentStyle", function () {
    return this.ownerDocument.defaultView.getComputedStyle(this, null);
    });
    }


    使用这个获取边框宽度:

    this._xBorder = function(){ return (parseInt(obj.currentStyle.borderLeftWidth) + parseInt(obj.currentStyle.borderRightWidth)); }
    this._yBorder = function(){ return (parseInt(obj.currentStyle.borderTopWidth) + parseInt(obj.currentStyle.borderBottomWidth)); }


    【宽度或高度优先】
    宽度或高度优先其实就是先执行其中一个渐变,在完成后再执行另一个渐变。
    渐变程序中在执行完一次渐变之后会返回一个bool值表示是否渐变完成,利用这个可以这样:

    this.SetWidth() && this.SetHeight();


    由于&&的特性,当this.SetWidth()返回true时才会去执行this.SetHeight(),这也是不错的技巧。
    同时为了同步渐变,另外的渐变使用了两倍的步长:

    this.Step = 2*this.Step;
    this.SetOpacity(); this.SetTop(); this.SetLeft();
    this.Step = this.Step/2;


    这样就能做出宽度或高度优先的效果了。

    【定点渐变】
    先说说原理,例如以宽度中点为参照点,可以想象如果宽度减少n,那只要left相对增加n*0.5(即n/2),
    那么就可以做出以中点为中心变换的效果(当然要先把变换对象设为相对或绝对定位)。
    那这个“0.5”怎么来的呢?有点数理知识应该知道就是渐变对象左边到变换点跟渐变对象总宽度的比
    程序里用Width.pos保存这个值,在变换前先计算好变换点的位置:


    this._x = this._obj.offsetLeft + this._obj.offsetWidth * this.Width.pos;
    每次变换都根据这个位置和宽度来重新设置left:


    this._obj.style.left = this._x - this._obj.offsetWidth * this.Width.pos + "px";


    可能有人会说直接在原有left基础上加上变换宽度*Width.pos不是一样吗?
    但问题是经过多次的变换计算(到达目标值前会有多次计算)之后得到的值已经不准确了。
    因为在变换计算过程中很多小数会被忽略,随着计算次数增多结果的出入也越大,
    所以先定好变换位置参照值(_x),这样不论经过多少次计算变换位置都不会走位了。

    同理只要设置不同的Width.pos(包括负数和大于1的数)和Height.pos就可以以任意点为中心渐变了。

    还有就是程序的设计也花了不少心思,为了提高整合度,做了一个FadeStruct的结构,其中run、start、end、target属性分别是是否渐变、开始值、结束值、目标值。
    用了两次的Object.extend来设置默认值,详细可以看程序。


    使用说明:


    必要的参数只有一个,就是渐变对象,不过只有渐变对象是没有效果的,必须设置其他属性:
    Opacity:透明渐变参数
    Height:高度渐变参数
    Width:宽度渐变参数
    Top:Top渐变参数
    Left:Left渐变参数
    Step:10,//变化率
    Time:10,//变化间隔
    Mode:"both",//渐变顺序
    Show:false,//是否默认打开状态
    onFinish:function(){}//完成时执行

    其中Opacity、Height、Width、Top、Left比较特别,是FadeStruct结构

    例子里实例化这个对象:

    var f = new Fade("idFade", { Show: true,
    Opacity: { run: true },
    Height: { run: true },
    Width: { run: true, pos: .5 },
    Top: { run: true, end: 70 }
    });


    设置run为true就表示开启这个变换,start和end是开始和结束值,pos是Height和Width特有的变换位置属性。

    更详细的应用可以看实例。

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>JavaScript 渐变效果</title>
    </head>

    <body>

    <script type="text/javascript">
    var isIE = (document.all) ? true : false;

    var $ = function (id) {
    return "string" == typeof id ? document.getElementById(id) : id;
    };

    if(!isIE){
    HTMLElement.prototype.__defineGetter__("currentStyle", function () {
    return this.ownerDocument.defaultView.getComputedStyle(this, null);
    });
    }

    var Class = {
    create: function() {
    return function() {
    this.initialize.apply(this, arguments);
    }
    }
    }

    Object.extend = function(destination, source) {
    for (var property in source) {
    destination[property] = source[property];
    }
    return destination;
    }


    var FadeStruct = function(options){
    this.run = false;//是否渐变
    this.start = 0;//开始值
    this.end = 0;//结束值
    this.target = 0;//目标值
    Object.extend(this, options || {});
    }

    var Fade = Class.create();
    Fade.prototype = {
    initialize: function(obj, options) {

    var obj = $(obj);
    obj.style.overflow = "hidden";
    this._obj = obj;

    this._timer = null;//定时器
    this._finish = true;//是否执行完成
    this._fun = function(){};//渐变程序
    this._x = this._y = 0;//变换点位置

    //设置获取透明度程序
    this._setOpacity = isIE ? function(opacity){ obj.style.filter = "alpha(opacity:" + opacity + ")"; } : function(opacity){ obj.style.opacity = opacity / 100; };
    this._getOpacity = isIE ? function(){ return parseInt(obj.filters["alpha"].opacity); } : function(opacity){ return 100 * parseFloat(obj.currentStyle.opacity); };

    //获取边框宽度程序
    this._xBorder = function(){ return (parseInt(obj.currentStyle.borderLeftWidth) + parseInt(obj.currentStyle.borderRightWidth)); }
    this._yBorder = function(){ return (parseInt(obj.currentStyle.borderTopWidth) + parseInt(obj.currentStyle.borderBottomWidth)); }

    this.SetOptions(options);

    this.Mode = this.options.Mode;
    this.Time = Math.abs(this.options.Time);
    this.onFinish = this.options.onFinish;

    //先设置特殊默认值
    this.Opacity = new FadeStruct({ end: 100 });
    this.Top = new FadeStruct({ start: this._obj.offsetTop, end: this._obj.offsetTop });
    this.Left = new FadeStruct({ start: this._obj.offsetLeft, end: this._obj.offsetLeft });
    this.Height = new FadeStruct({ end: this._obj.offsetHeight - this._yBorder() });
    this.Width = new FadeStruct({ end: this._obj.offsetWidth - this._xBorder() });

    //再设置用户默认值
    Object.extend(this.Opacity, this.options.Opacity);
    Object.extend(this.Top, this.options.Top);
    Object.extend(this.Left, this.options.Left);
    Object.extend(this.Height, this.options.Height);
    Object.extend(this.Width, this.options.Width);

    //变换位置参数
    this.Height.pos = Number(this.options.Height.pos);
    this.Width.pos = Number(this.options.Width.pos);

    //设置成默认状态
    this.Show = !this.options.Show;
    this.Step = 1;
    this.Start();
    //重新设置Step
    this.Step = Math.abs(this.options.Step);
    },
    //设置默认属性
    SetOptions: function(options) {
    this.options = {//默认值
    Opacity: {},//透明渐变参数
    Height: {},//高度渐变参数
    Width: {},//宽度渐变参数
    Top: {},//Top渐变参数
    Left: {},//Left渐变参数
    Step: 10,//变化率
    Time: 10,//变化间隔
    Mode: "both",//渐变顺序
    Show: false,//是否默认打开状态
    onFinish: function(){}//完成时执行
    };
    Object.extend(this.options, options || {});
    },
    //触发
    Start: function() {
    clearTimeout(this._timer);
    //取反表示要设置的状态
    this.Show = !this.Show;
    //为避免透明度为null值,需要先设置一次透明度
    if(this.Opacity.run){ this._setOpacity(this.Show ? this.Opacity.start : this.Opacity.end); }
    //根据状态设置目标值
    if(this.Show){
    this.Opacity.target = this.Opacity.end;
    this.Top.target = this.Top.end;
    this.Left.target = this.Left.end;
    this.Height.target = this.Height.end;
    this.Width.target = this.Width.end;
    } else{
    this.Opacity.target = this.Opacity.start;
    this.Top.target = this.Top.start;
    this.Left.target = this.Left.start;
    this.Height.target = this.Height.start;
    this.Width.target = this.Width.start;
    }
    //设置渐变程序
    switch (this.Mode.toLowerCase()) {
    case "width" :
    this._fun = function(){
    this.SetWidth() && this.SetHeight();
    //由于分了两步,下面的步长变成两倍
    this.Step = 2*this.Step;
    this.SetOpacity(); this.SetTop(); this.SetLeft();
    this.Step = this.Step/2;
    }
    break;
    case "height" :
    this._fun = function(){
    this.SetHeight() && this.SetWidth();
    //由于分了两步,下面的步长变成两倍
    this.Step = 2*this.Step;
    this.SetOpacity(); this.SetTop(); this.SetLeft();
    this.Step = this.Step/2;
    }
    break;
    case "both" :
    default :
    this._fun = function(){ this.SetHeight(); this.SetWidth(); this.SetOpacity(); this.SetTop(); this.SetLeft();}
    }
    //获取变换点位置
    //由于设置变换点后与top和left变换有冲突只能执行其一
    if(this.Height.pos){ this._y = this._obj.offsetTop + this._obj.offsetHeight * this.Height.pos; this.Top.run = false; }
    if(this.Width.pos){ this._x = this._obj.offsetLeft + this._obj.offsetWidth * this.Width.pos; this.Left.run = false; }

    this.Run();
    },
    //执行
    Run: function() {
    clearTimeout(this._timer);
    this._finish = true;
    //执行渐变
    this._fun();
    //未完成继续执行
    if (this._finish) { this.onFinish(); }
    else { var oThis = this; this._timer = setTimeout(function(){ oThis.Run(); }, this.Time); }
    },
    //设置高度渐变
    SetHeight: function() {
    var iGet = this.Get(this.Height, this._obj.offsetHeight - this._yBorder());
    if(isNaN(iGet)) return true;


    this._obj.style.height = iGet + "px";
    //如果有变换点设置
    if(this.Height.pos){ this._obj.style.top = this._y - this._obj.offsetHeight * this.Height.pos + "px"; }
    return false;
    },
    //设置宽度渐变
    SetWidth: function() {
    var iGet = this.Get(this.Width, this._obj.offsetWidth - this._xBorder());
    if(isNaN(iGet)) return true;

    this._obj.style.width = iGet + "px";
    if(this.Width.pos){ this._obj.style.left = this._x - this._obj.offsetWidth * this.Width.pos + "px"; }
    return false;
    },
    //设置top渐变
    SetTop: function() {
    var iGet = this.Get(this.Top, this._obj.offsetTop);
    if(isNaN(iGet)) return true;

    this._obj.style.top = iGet + "px";
    return false;
    },
    //设置left渐变
    SetLeft: function() {
    var iGet = this.Get(this.Left, this._obj.offsetLeft);
    if(isNaN(iGet)) return true;

    this._obj.style.left = iGet + "px";
    return false;
    },
    //设置透明渐变
    SetOpacity: function() {
    var iGet = this.Get(this.Opacity, this._getOpacity());
    if(isNaN(iGet)) return true;

    this._setOpacity(iGet);
    return false;
    },
    //获取设置值
    Get: function(o, now){
    if(o.run){
    var iStep = (o.target - now) / this.Step;
    if(iStep){
    this._finish = false;
    if(Math.abs(iStep) < 1){ iStep = iStep > 0 ? 1 : -1; }
    return now + iStep;
    }
    }
    }
    };

    </script>

    <style type="text/css">
    .Container{height:450px; width:600px;position:relative; background:#FFFFFF;}

    .Fade{
    position:absolute;
    top:10px;
    left:50px;
    border:5px solid #000099;
    width:460px;
    height:360px;
    background:#FFFFFF url(http://images.cnblogs.com/cnblogs_com/cloudgamer/143727/r_mm14.jpg) left top;
    }
    </style>

    <input id="idBoth" type="button" value="同时伸缩" />

    <input id="idHeight" type="button" value="高度优先" />

    <input id="idWidth" type="button" value="宽度优先" />

    <div id="idContainer" class="Container">
    <div id="idFade" class="Fade"></div>
    </div>

    <input id="idOpacity" type="button" value="取消透明" />

    <input id="idMin" type="button" value="设置最小范围" />

    <script type="text/javascript">

    var f = new Fade("idFade", { Show: true,
    Opacity: { run: true },
    Height: { run: true },
    Width: { run: true, pos: .5 },
    Top: { run: true, end: 70 }
    });


    $("idBoth").onclick = function(){
    f.Mode = "both";
    f.Start();
    }

    $("idHeight").onclick = function(){
    f.Mode = "Height";
    f.Start();
    }

    $("idWidth").onclick = function(){
    f.Mode = "Width";
    f.Start();
    }

    $("idOpacity").onclick = function(){
    if(f.Opacity.run){
    f.Opacity.run = false;
    f._setOpacity(100);
    this.value = "设置透明";
    } else {
    f.Opacity.run = true;
    this.value = "取消透明";
    }
    }

    $("idMin").onclick = function(){
    if(f.Height.start){
    f.Height.start = f.Width.start = 0;
    this.value = "设置最小范围";
    } else {
    f.Height.start = f.Width.start = 100;
    this.value = "取消最小范围";
    }
    }


    function Event(e){
    var oEvent = isIE ? window.event : e;
    if (isIE) {
    oEvent.pageX = oEvent.clientX + document.documentElement.scrollLeft;
    oEvent.pageY = oEvent.clientY + document.documentElement.scrollTop;
    oEvent.stopPropagation = function(){ this.cancelBubble = true; };
    }
    return oEvent;
    }

    $("idContainer").onclick = function(e){
    if(f.Show){
    e = Event(e);
    e.stopPropagation();
    var o = $("idFade"), x = o.offsetLeft, y = o.offsetTop;
    while (o.offsetParent) { o = o.offsetParent; x += o.offsetLeft; y += o.offsetTop; }
    f.Width.pos = (e.pageX - x) / $("idFade").offsetWidth;
    f.Height.pos = (e.pageY - y) / $("idFade").offsetHeight;

    }
    f.Start();
    }
    </script>

    </body>
    </html>


    转自:http://www.cnblogs.com/cloudgamer/archive/2008/08/27/1277131.html

    黑色头发:http://heisetoufa.iteye.com/
    展开全文
  • 鼠标移到图片1,那么就让除了图片1的其他图片的透明度降低,让他们看起来更暗,让图片1看起来显得更 用两种方法来实现: CSS方法和JS方法 JS方法 效果实例 先看看HTML代码和CSS代码 HTML代码: ...
  • 鼠标接触图片变亮效果

    千次阅读 2016-06-02 12:54:16
    <script language="JavaScript"> <!-- function high(which2){ theobject=which2 highlighting=setInterval("highlightit(theobject)",20) } function low(which2){ clearInterval(highlighting) which2.filters....
  • js调节图片的亮度

    2018-03-01 15:48:00
    js调节图片的亮度:(使用CSS3的滤镜) 1.实现点亮图标、熄灭图标的效果 效果图: 页面代码: <!DOCTYPE html> <%@ page language="java" contentType="text/html; charset=UTF-8"%> <% ...
  • charset=utf-8" /> <title>jQuery实现鼠标经过图片变亮效果 - 何问起title><base target="_blank" /> <style type="text/css"> a {color:white;} body{background:#000;} body,div,ul,li,img{padding:0;margin:0; ...
  • 鼠标划过图片变亮

    2010-05-10 15:55:21
    function makevisible(cur,which){ if (which==0) cur.filters.alpha.opacity=200 else ...cur.filters.alpha.opacity=20 ...页面显示的图片是模糊的,但是鼠标放上去图片就清晰了 ...
  • JavaScript 图片变

    2019-04-18 20:22:05
    <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, ma...
  • --图片变灰色的代码--> .gray { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; <!-...
  • 图片忽明忽.rar图片忽明忽.rar图片忽明忽.rar图片忽明忽.rar图片忽明忽.rar图片忽明忽.rar
  • 作业目标–通过图片开关来控制灯泡的切换并且还要显示什么时间灯了和灯灭了 代码如下: 这是html代码: "float: left;" > "05.jpg" id= "imgShow" height= "1800px" width= "1200px" /> "03...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 13,396
精华内容 5,358
关键字:

js图片变亮