摘要：
鼠标移入信息提示信息提示 鼠标移入信息提示 asdasd 信息提示$(function(){ //触发调用 $(".tipPop").tipPop(".tipDesc"); })//代码 $.fn.tipPop=function(subObj){ $(this).hover(function(){ var y=$(this).height(); $(subObj).css({"display":"block","top":y+"px","left":0}) 阅读全文
摘要：
table.table-1{border-collapse:collapse;border:solid 1px #dcdcdc;} 阅读全文
摘要：
Data URI是由RFC 2397定义的一种把小文件直接嵌入文档的方案通过如下语法就可以把小文件变成指定编码直接嵌入到页面中data:[][;base64],MIME-type：指定嵌入数据的MIME。其形式是[type]/[subtype]; parameter，比如png图片对应的MIME是image/png。parameter可以用來指定附加的信息，更多情況下是用于指定text/plain和text/htm等的文字编码方式的charset参数。默认是text/plain;charset=US-ASCII。base64：声明后面的数据的编码是base64的，否则数据必须要用百分号编码（即 阅读全文
摘要：
合并多个js,css文件的方法在Web项目的开发中,js,css文件会随着项目的开发变得越来越多,越来越大,这就给给性能方面带来一些问题,如,页面引入的的js,css越多的话,那么对就增加了http请求数,解决该问题的一个好的方法就是合并js,css文件.下面就简单介绍一个方法,十分简单.下面介绍以合并js文件为例(1) G.js文件~function(){window.G={};G.Method={add:function(){ alert(111);},sub:function(){ alert("减法");}};}();(2) T.js文件var T=(functio 阅读全文
摘要：
阅读全文
摘要：
-prefix-box-flex: 1;-moz-box-flex: 1; -webkit-box-flex: 1;-webkit-flex: 1;-ms-flex: 1; flex: 1; 阅读全文
摘要：
页面伸缩display: -webkit-box; display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;垂直居中-webkit-box-align: center; -moz-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;水平居中-webkit-box-align: center; -moz-box-align: center;-ms-flex-align: cent 阅读全文
摘要：
var pattern = /^([\u4E00-\u9FA5]|[\uFE30-\uFFA0])*$/gi;if (pattern.test(str))return true; //表示是汉字elsereturn false; //表示是字母 阅读全文
摘要：
待续 阅读全文
摘要：
如图展示单击按钮弹出层展示css代码.dialog-box{width:400px; position:absolute; position:fixed; display:block; border:1px solid #aaa; display:none}.dialog-box .title{ height:25px;line-height:25px; background-color:#b1d0e4;}.dialog-box .title strong{ font-size:13px; color:#04578b; margin-left:10px;}.dialog-box .topExi 阅读全文
摘要：
效果如下：CSS代码.watermark{ color:#999}JS代码(function($) { $.fn.watermark = function(c,t) { // c 水印样式 // t 水印提示信息 $(this).focus(function(){ var tf=$(this).hasClass(c); if(tf==true){ $(this).removeClass(c).val(""); //清空水印提示 } }); $(this).blur(function(){ ... 阅读全文
摘要：
页面触发效果：功能：1，菜单浮动框使用停留在浏览器边缘2，滚动条滚动到相应位置，触发对应的菜单为自动切换为选中样式JS代码//当浮动框移动到浏览器边缘时，跟随一起滚动 $.fn.smartFloat = function() { var position = function(element){ var abLeft=$(element).css("left"); //当为ablute时的left相对初始值 var fixeLeft=$(element).offset().left+"px"; //在整个页面的绝对值 var ... 阅读全文
摘要：
页面效果：插件scrolltopcontrol.js的内容注意，红框标示的地方都是可以更改的，控制触“返回顶部”的样式和显示位置HTML引入JS代码<script type="text/javascript"> //页面返回顶部按钮调用 scrolltotop.offset(100,120); scrolltotop.init();</script> 阅读全文
摘要：
页面效果 JS代码$.fn.smartFloat = function() { var position = function(element){ var abLeft=$(element).css("left"); //当为ablute时的left相对初始值 var fixeLeft=$(element).offset().left+"px"; //在整个页面的绝对值 var top = element.position().top; var pos = element.css("position"); $... 阅读全文
摘要：
CSS代码*{ margin:0; padding:0}#shield{ position:fixed; _position:absolute; left:0; top:0; height:100%; width:100%; z-index:1000; background-color:#000; _background-color:#999; filter:alpha(opacity=30); opacity:0.3; }JS代码（引入jquery库）var shield=function(){ var str="<div id='shield'>< 阅读全文
摘要：
JS代码var br=navigator.userAgent.toLowerCase(); var browserVer=(br.match(/.+(?:rv|it|ra|ie)[\/: ]([\d.]+)/) || [0, '0'])[1]; function userBrowser(){ var browserName=navigator.userAgent.toLowerCase(); if(/msie/i.test(browserName) && !/opera/.test(browserName)){ alert("IE"); re 阅读全文
摘要：
JS代码使用步骤：第一步：把这段JS代码放置于需要的每个页面中，或者创建一个公共的JS文件里引入。第二步：HTML代码如下第三步：在IFRAME加载时调用ifmHtEvent()即可//获取框架IDvar getRequestID=function(paras){ var url = location.href; var paraString = url.substring(url.indexOf("?")+1,url.length).split("&"); var paraObj = {} for (i=0; j=paraString[i]; 阅读全文
摘要：
JS代码function ifmHtAuto(obj){ var ifm= document.getElementById(obj); var subWeb = document.frames ? document.frames[obj].document : ifm.contentDocument; if(ifm != null && subWeb != null) { ifm.height=subWeb.body.offsetHeight; // ifm.height = subWeb.body.scrollHeight; } ... 阅读全文
摘要：
示例如下JS代码//顶级窗口--关闭菜单 代码var topHideCk=function(url){ $("#mainNav .sub-menu").css("visibility","hidden"); $(".mainBar .news-list").css("visibility","hidden"); }子页面代码$(function(){ //关闭顶级窗口下拉菜单 $(document).click(function(){ if(top.location!=sel 阅读全文
摘要：
示例如下JS代码 $(document).bind('click',function(e){ var target = $(e.target); if(target.closest(".wrapFloat-ck").length == 0){$(".wrapFloat-ck").children(".float-box").css("display","none"); } }); 阅读全文