change(fn) 在每一个匹配元素的change事件中绑定一个处理函数。 change事件会在元素失去焦点的时候触发,也会当其值在获得焦点后改变时触发。 豪情 p{line-height:23px;margin:0;padding:0;} $(function(){ $('#fontsize').change(function(){ var size = $('#fontsize').val(); $('p').css('font-size', size); }); $('#backgoundcolor').change(function(){ var bgc = $('#backgoundcolor').val(); $('p').css('backgrou...
change(fn) 在每一个匹配元素的change事件中绑定一个处理函数。 change事件会在元素失去焦点的时候触发,也会当其值在获得焦点后改变时触发。 豪情 p{line-height:23px;margin:0;padding:0;} $(function(){ $('#c-obj select').change(function(){ alert($(this).attr('id') + ': ' + $(this).val()); $('p').css($(this).attr('id'), $(this).val()); //select的ID和要设置的CSS属性值必须保持一致 }); }); change(fn) 在每...
一些css的定义,可以根据需要自己选择。//显示单双行显示不同背景色【方法一】: // $("#UL_id li:even").attr("className","redClass"); //显示单双行显示不同背景色【方法二】: $("#UL_id li:even").addClass("redClass"); <ul id="UL_id"> <li>单数</li> <li>双数</li> <li>双数</li> </ul> odd:单 even:双 jQuery 表格隔行变色代码li隔行换色改进版JS控制表格隔行变色
行如流水的Js文字背景特效 var message="脚本之家是一个专业的收集各类脚本学习资料的网站 jb51.net" var n=0; if (document.all){ document.write('') for (m=0;m'+message.charAt(m)+'') document.write('') var tempref=document.all.neonlight } else document.write(message) function neon(){ if (n==0){ for (m=0;m[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
虽然有让IE6支持PNG透明背景的JS程序,都是不是很方便,还是用CSS来实现的好。使用到的就是:IE5.5+的AlphaImageLoader滤镜。 1.png背景透明 解决办法: 代码如下:#div1 { height: 600px; width: 260px; padding: 20px; background-repeat: repeat; } html>body #div1 { background-repeat: repeat;background-image: url(bj1.png); } * #div1 {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizing...
JavaScript Data Access Test function topDiv(el){ var elem=document.createElement("div"); elem.className="top-div"; //=========create img tag var img=document.createElement("img"); img.src=el.href; elem.appendChild(img); //=========create close DIV var closeDiv=document.createElement("div"); closeDiv.innerHTML="Close"; closeDiv.onclick=function(){ document.body.removeChild(elem); docume...
一、在IE6中使用PNG背景 IE6本身并不认识PNG图片的透明特性,虽然有让IE6支持PNG透明背景的JS程序: 代码如下:function correctPNG() { var arVersion = navigator.appVersion.split("MSIE") var version = parseFloat(arVersion[1]) if ((version >= 5.5) && (document.body.filters)) { for(var j=0; j<document.images.length; j++) { var img = document.images[j] var imgName = img.src.toUpperCase() if (imgName.substrin...
1、是图片 一般就是准备两张图片 当鼠标放上去即显示另外一张图片<table width="100" border="0" cellspacing="0" cellpadding="0" onmouseover=javascript:this.background='images/jb51-1.jpg' onmouseout=background='images/jb51-2.jpg'> 2、变换颜色如下所写,这个是变化背景颜色 <tr bgColor="#FFFFFF" onMouseOut="this.bgColor='#FFFFFF';" onMouseOver="this.bgColor='#E0E0E0';" >
代码如下:backgroundRepeat = "no-repeat"
后来发现,如果div样式,如果设置了具体的高度,无论ie还ff,都能正常的表现。 但这个高度并不是固定的,而是会随着旁边div内容的多少而变化。最后,只好借助javascript,加载时捕获有关的div的高度,将其赋值给指定的div样式,终于看到了想要的东西。 具体脚本是这样的: window.onload=function(){ document.getElementById('bg').style.height=document.getElementById('mydiv').offsetHeight+'px'; } “bg”是要更改高度的div,...
没什么好说的,都是js,用一个iframe将页面遮挡,iframe上面一个div层,js面向对象做的,其中有部分是js动态生成style。ModeWindow.js 代码如下:<html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title>Untitled Page</title> <script src="ModeWindow.js"></script> <script language="javascript" type="text/javascript"> var myWin; function show1(){ var divtest = document.getElementById("divtest");...
景变暗的div可拖动提示窗口 function alertWin(title, msg, w, h){ var titleheight = "22px"; // 提示窗口标题高度 var bordercolor = "#666699"; // 提示窗口的边框颜色 var titlecolor = "#FFFFFF"; // 提示窗口的标题颜色 var titlebgcolor = "#666699"; // 提示窗口的标题背景色 var bgcolor = "#FFFFFF"; // 提示内容的背景色 var iWidth = document.documentElement.clientWidth; var iHeight = document.documentElem...
得到元素真实的背景颜色 .classname {background-color:#ff99dd;} #div3 {background-color:#d8bfd8;} div {background-color:#87cefa;border:1px solid #333333;margin:10px;padding:4px;} body {background-color:#bed742;} #div4 {background-color:transparent;} 得到元素真实的背景颜色 By Longbill div1 直接通过div标签定义背景色(#87cefa) div2 通过class name定义背景色(#ff99dd) div3 通过id定义背...
很多人都遇到过在页面部分操作中IE背景图片重新加载而导致页面闪动的bug,那么如何解决它呢? 在国外某blog上看到一解决办法: 添加如下脚本即可: document.execCommand("BackgroundImageCache", false, true) 很简单吧?但很奇怪为什么这不是IE浏览器默认的选项呢?有哪位高人知道原因的请告知俺,不甚感激!
PNG.JS代码: // PNGHandler: Object-Oriented Javascript-based PNG wrapper // -------------------------------------------------------- // Version 1.1.20031218 // Code by Scott Schiller - www.schillmania.com // -------------------------------------------------------- // Description: // Provides gracefully-degrading PNG functionality where // PNG is supported natively or via filters (Damn you, IE!) //...