1.css设置透明度 透明度在IE浏览器和其他相关浏览器中的设置方法是不一样的，IE使用滤镜filter的alpha属性，firefox和其它浏览器不支持滤镜，它们使用opactiy属性设置透明度，下面示例设置透明度为30%： IE：filter: alpha(opacity:30)； firefox：opacity(0.3)； 2.使用js设置透明度 为了兼容IE与其他浏览器对透明度的设置，我们需要对以上两种样式分别进行设置。下面是一段示例代码：代码如下:var alpha = 30; //透明度值变量 va...
png24格式的图片在用jQuery添加显示隐藏动画时发现，图片的半透明区域出现黑边？在网上搜了搜主要有以下几种办法： 1、把图片保存成PNG-8格式。 2、把背景色一起切入并保存为JPG格式。 以上两种方法我试了试，好像效果并不好png8格式仍就会有黑边。 解决方法： 1、不要直接改变图片的透明度，而是给图片套个容器，去修改这个容器的透明度 2、给这个容器加个颜色相近的背景颜色（非常重要，解决bug的关键就在这一步，） 一般情况下，...
本文实例讲述了jQuery实现热气球动画背景登录框。分享给大家供大家参考。具体如下： jQuery热气球动画背景登录框是一款动态半透明背景的后台登录界面样式效果代码。页面效果简洁大方，是一款非常实用的特效代码，值得大家学习。 运行效果图：-------------------查看效果 下载源码-------------------小提示：浏览器中如果不能正常运行，可以尝试切换浏览模式。 为大家分享的jQuery实现热气球动画背景登录框代码如下<head> <meta h...
今天我们来分享一款基于jQuery的横向手风琴图片轮播焦点图特效源码。手风琴效果即图片一张张层叠在一起，鼠标滑过图片时即可展开完整的图片，这样的效果很常见，所以应用也很广泛，大家可以试试这款jQuery焦点图。 运行效果图： ---------------------------------效果演示 源码下载---------------------------------为大家分享的jQuery半透明抽屉式手风琴代码如下<head> <meta http-equiv="Content-Type" content="text/html; ch...
默认九宫格图片排列效果，当鼠标悬停在图片上后，会从图片的上方下滑一个半透明遮罩的效果同时出现一些文字介绍使用方法： 1、将head中的css样式引入到你的网页中 2、将代码部分拷贝到你的网页body结束前的地方即可 (js、图片采用绝对路径，不建议修改)代码如下: $(function(){ $(.sgw_img dt).hover(function(){ $(this).children(.box).stop(true,true).delay(100).animate({top:0,opacity:0.8},300); },functio...
代码如下:/*加入收藏夹JS*/ $("#addfavorite").click(function () { addfavorites(); }); function addfavorites() { var sURL = document.URL; var sTitle = document.title; try { window.external.addFavorite(sURL, sTitle); } catch (e) { try { window.sidebar.addPanel(sTitle, sURL, ""); } catch (e) { alert("加入收藏失败，请使用Ctrl+D进行添加"); } } } //更改透明度 $("#OneImg").css(opacity, 0.6);
在日常开发的网站中，常常会用到设置透明度问题，最简单的就是图片的淡入淡出效果。下面我介绍一下在原生js和jQuery中设置透明度的相关问题和注意点： 1 透明度样式设置 透明度在IE浏览器和其他相关浏览器中的设置方法不太相同，IE使用filter：alpha属性，firefox使用opactiy属性，下面示例设置透明度为30%： IE：filter: alpha(opacity:30)； firefox：opacity(0.3)； 2 原生js设置透明度 为了兼容IE与其他浏览器对透明度的设置，...
代码如下: $("#firefoxicon").click(function() { $("#window1").chinaz({ windowtitle: "firefox", windowpositiontop: "center", windowpositionleft: "center", windowwidth: 500, windowheight: 500, windowanimation: "easeoutcubic" });}); 轻松设置弹出层的效果,和弹出方...
代码如下:<head> <title></title> <style type="text/css"> .imgclass{ width:300px; height:300px; border:solid 1px red;} </style> <script src="jquery-1.9.1.js" type="text/javascript"></script> <script type="text/javascript"> $(function () { $(#Select1).change(function () { var thevalue = $(this).val(); $(img).fadeTo(2000, thevalue); }) }) </script> </head> <body> <table> <tr> <td> 透明度: <select id="...
原型：http://jquery.andreaseberhard.de/pngFix/index.html 下载:http://jquery.andreaseberhard.de/download/pngFix.zip 很方便使用：） 代码如下:<script type="text/javascript" src="jquery-latest.pack.js"></script> <script type="text/javascript" src="jquery.pngFix.js"></script> <head> ... <script type="text/javascript"> $(document).ready(function(){ $(document).pngFix(); }); </script> ... </head> 脚本之...
目前互联网对于网页效果要求越来越高，不可避免的用到PNG图片，PNG分为几种格 式，PNG8 PNG24 PNG32,其中最常用的，也是显示效果和大小比较适中的则是PNG24,支持半透明，透明，颜色也非常丰富，但由于咱们国人使用IE系列或以IE为内核系列的浏览器占大多数，并且由于 WINDOWS XP在国内市场份额比较大，并且XP上好多人还在用IE6 IE7 IE8等浏览器，而这些浏览器对于PNG支持或多或少都有差距，IE6完全不支持PNG，IE7 IE8支持PNG不完全，...
设置背景图片，以突出透明度的效果及jquery png背景透明插件实例教程 toggle() body{ background:url(bg.jpg); margin:20px; padding:0px; } img{ border:1px solid #ffffff; } $(function(){ $("img").toggle( function(oevent){ $(oevent.target).css("opacity","0.5"); }, function(oevent){ $(oevent.target).css("opacity","1.0"); } ); }); 下面看一个jquery png背景透明插件 ... ...
png24格式的图片在用jQuery添加显示隐藏动画时发现，图片的半透明区域出现黑边？ 在网上搜了搜主要有以下几种办法： 1、把图片保存成PNG-8格式。 2、把背景色一起切入并保存为JPG格式。 以上两种方法我试了试，好像效果并不好png8格式仍就会有黑边。 解决方法： 1、不要直接改变图片的透明度，而是给图片套个容器，去修改这个容器的透明度 2、给这个容器加个颜色相近的背景颜色（非常重要，解决bug的关键就在这一...
1、在页面（HTML）<body></body>里加上A标签（返回顶部超链接）<a href="#0" class="cd-top">Top</a>2、添加css样式（可以写在页面里，也可以写在单独的css样式表里）.cd-top {display: inline-block;height: 40px;width: 40px;position: fixed;bottom: 40px;right: 10px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);/* image replacement properties */overflow: hidden;text-indent: 100%;white-space: nowrap;background: rgba(2...
我在文档中使用表格,我希望能够让用户将新项目提交到列表中,然后“自动”将其显示在列表顶部(是的,使用DIV会更容易,但是与我所拥有的一起工作). 我使用jQuery,然后使用clone()创建最新表行的副本,然后在我更新后使用fadeIn()显示新项目并将其添加到列表的顶部.由于jQuery在内部将元素(假定DIV)转换为“块”,因此我还将css类更改为“表行”.工作正常. 整个代码在这里：var row = $("tbody tr:first").clone().hide(); // clone and ...