直接贴代码 代码如下://取元素 用两个$是为了不与jquery冲突function $$(s) { return document.getElementById(s);}function setblue() { //先写cookie //writeCookie("ISCSSSTYLE", "css/CRM_blue.css", 365, true); //设置新的css文件 $$("maincss").href = "css/CRM_blue.css"; //取主框架页,并重新设置css文件 //var childobj = window.parent.document.getElementById("ManagerMain").contentWindow; ...
js+css 实现遮罩居中弹出层(随浏览器窗口滚动条滚动) 代码如下: *{}{margin:0;padding:0;} html{}{_background:url(about:blank);} /**//* 阻止闪动 in IE6 , 把空文件换成about:blank , 减少请求 */ body{}{background:#fff; font: 12px/1.5 Tahoma,Geneva, \\5b8b\\4f53, sans-serif; height:100%;} .wrap{}{height:980px; padding-top:20px;text-align:center;} p{}{font-size:14px;text-align:center;line-height:24px;}...
效果： html: 代码如下: 用法： 代码如下: var total = 310; var pageNo = 1; var pageCount = 31;//共有多少页 var pageSize = 10; var actionName = "list.action"; var otherParam = "&name=www&order=time"; $(function(){ paginate();//分页} ); css: 代码如下: #page{ font-size: 14px; clear: both; padding-top: 1.45em; white-space: nowrap; } #page a{ background: white; border: 1px solid #E7ECF0; display: ...
css3 Animation： 代码如下: @-webkit-keyframes twinkling{ /*透明度由0到1*/ 0%{ opacity:0; /*透明度为0*/ } 100%{ opacity:1; /*透明度为1*/} }Jquery ： 代码如下:$(element).css({"-webkit-animation":"twinkling 1s infinite ease-in-out"}); //在对象element中添加闪烁动画也可以在css样式里添加如下： 代码如下: #element{-webkit-animation: twinkling 1s infinite ease-in-out; }注：...
要判断这个 CSS 文件是否加载完毕，各个浏览器的做法差异比较大，这次要说IE浏览器做的不错，我们可以直接通过onload方法来处理CSS加载完成以后的处理： 代码如下:// 代码节选至seajsfunction styleOnload(node, callback) { // for IE6-9 and Opera if (node.attachEvent) { node.attachEvent(onload, callback); // NOTICE: // 1. "onload" will be fired in IE6-9 when the file is 404, but in // t...
今天帮朋友写了一些代码,自己觉得写着写着，好几个版本以后，有点满意，于是就贴出来。 都是定死了的。因为需求就只有4个元素。如果是要用CSS的class来处理，那就需要用到CSS3动画了。 功能 : 在上方的按钮上滑动，可以切换各个page,点击下方的各个page，也可以切换收缩还是展开状态。 初始效果预览 代码如下: CSS+jQuery动画效果 body{ z-index: 0; width: 100%; min-height: 400px; } .pages{ position: absolute; } ....
1、动态加载js，css文件(用原生js和jquery) iframe结构： frame0(父) frame2（子） frame3（子） frame2中触发事件，动态的向frame3中 加载js、css文件和 dom元素？ *同级之间可以调用，可以 通过 子-父-子 的方式调用同级 parent.parentFram(“这个方法在调用其他子farme”); 1.jquery的append() 代码如下: 速度快，同步（需要引入jquery） var oBody = document.getElementById("frame3_id").contentWindow.$("body"); var str ...
想大家都做过遮罩层这种常见的功能，css或jquery实现，实现方式多样化，这里http://我介绍我在项目中实现的方式，全屏遮罩，部分区域可操作，非常实用。 效果如下图： js 实现部分： 代码如下: var myAlert = document.getElementById("alert"); var reg = document.getElementById("content").getElementsByTagName("a")[0]; reg.onclick = function() { myAlert.style.background = "#e2ecf5"; myAlert.style.zIndex = "501";...
今天有个朋友在weibo上问我可不可以用JS和CSS让页面每次刷新随机产生一张背景图，当然我的回答是可以的。具体可以这样做： 1、用JS定义一个图片数组，里面存放你想要随机展示的图片 代码如下: var imgArr=["http://www.google.com.hk/intl/zh-CN/images/logo_cn.png", "http://www.baidu.com/img/baidu_sylogo1.gif", "http://www.open-open.com/news/uploadImg/20120111/20120111081906_79.jpg", "http://www.open-open.com/news...
1、用JS定义一个图片数组，里面存放你想要随机展示的图片代码如下:ar imgArr=["http://www.gxlcms.com/logo_cn.png","http://www.gxlcms.com/baidu_sylogo1.gif","http://www.gxlcms.com/news/uploadImg/20120111/20120111081906_79.jpg", "http://www.gxlcms.com/news/uploadImg/20120111/20120111081906_76.jpg"];上面的图片请大家换成自己的。 2、用JS产生一个随机数，当然这个随机数从0开始到imgArr.length-1结束代码如下:var ...
今天学习了一下QQ邮箱的网页整体缩放效果，原来实现方法很简单，代码如下： 代码如下: 测试页面 div { width: 600px; text-align: center; font-size: 4em; color: #333; } $(function() { var r = document.body.offsetWidth / window.screen.availWidth; $(document.body).css("-webkit-transform","scale(" + r + ")"); }); $(window).resize(function() { var r = document.body.offsetWidth / window.screen.availW...
// 网上参考的，自己修改了一部分 // 代码如下，纯JS，要求浏览器支持 getElementsByClassName 方法 代码如下: function getElementsByClassName(classname,node){ node = node || window.document; if(node.getElementsByClassName){ return node.getElementsByClassName(classname); }else{ var results = new Array(); var elems = node.getElementsByTag("*"); for (var i=0;iif(elems[i].className.indexOf(classname) != -...
该方法支持IE浏览器和其他浏览器。 1、首先定义两个link，当然你也可以是一个，第二个是要更改的css 代码如下:2、下面的JavaScript代码将根据不同的浏览器大小，更改css 代码如下:function adjustStyle(width) { width = parseInt(width); if (width < 701) { $("#css").attr("href", "css/narrow.css"); } else if ((width >= 701) && (width < 900)) { $("#css").attr("href", "css/medium.css"); ...
说起“渐变色”，你会想起什么？ 当我开始搜索查找这个名词的时候，才发现它实际上是有两种理解或者说是两种形式的：动态渐变和静态渐变。 所谓动态渐变，举个简单的例子：他来了，她的脸渐渐红了...渐渐的，渐渐改变的，是不断在改变的；而静态渐变，也就更简单了：天上一到彩虹，赤橙黄绿青蓝紫啊...在当前展示的成品中，颜色从一部分到另一部分的颜色是不一样的，可能幅度比较小，是逐渐改变的，但有一点是至关重要的，它已经存...
如图所示。 该图片切换特效实现很简单，而且兼容性很好。 html页面如下 代码如下: