Sigin or Register
Prosition: Home    >   Search
  • 纯js建造页码导航

    先策画分页的页数//JavaScript Document //策画页数 functioncalculatePage(total,pageSize) { varpage=total/pageSize; if(total%pageSize>0) returnMath.ceil(page); else returnpage; }生成导航的函数如下://分页列表  function make_page_list(total,pageSize,pageIndex,page_sum){      html="";      var total_page=calculatePage(total,pageSize);         var firstPage=""getPage(""+1+"")"";      var lastPage=""getPage(""+total_page+"")"";      if(total_page>1){             var html=""<table cellpadding="0" width="90%" cellspacing="0" height="40" align="center"> <tr>"";          if(pageIndex>1){   &nb

    SAM.SHI    May 15, 2012
  • 兼容IE与firefox的css 线性渐变(linear-gradient)

    应用高等CSS让客户或需求方懂得“渐进加强,安稳退化”的思路是很首要的,对于传统Web设计开辟也是如此。对响应式站点来说,CSS3在降落材料花费、进步页面加载速度等方面的浸染尤为首要。 互联网的一些事IE系列 filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=""#FF0000"",endColorStr=""#F9F900"",gradientType=""0"");参数:startColorStr肇端色彩 endColorStr停止色彩 gradientType为0时代表垂直,为1时代表程度 Firefox background: -moz-linear-gradient(top, #FF0000, #F9F900); 参数:top、bottom垂直,left、right程度 例如:top时从顶部由#FF0000到#F9F900渐变,bottom时从底部由#FF0000到#F9F900渐变 Opera background: -o-linear-gradient(top,#FF0000, #F9F900); 参数:top、bottom垂直,left、right程度 例如:top时从顶部由#FF0000到#F9F900渐变,bottom时从底部由#FF0000到#F9F900渐变 webkit,如Chrome、Safari等 background: -webkit-gradient(linear, 0% 0%, 0% 100%, (#FF0000), to(#F9F900)); 参数:linear线性, x1 x2,

    SAM.SHI    May 15, 2012
  • js常用验证

    String.prototype.trim = function () {     var matches = this.match(/^[s]+/);     var prefixLength = (matches == null) ? 0 : matches[0].length;     matches = this.match(/[s]+¥/);     var suffixLength = (matches == null) ? 0 : matches[0].length;     return this.slice(prefixLength, this.length - suffixLength); }   //验证是否是正确邮箱 function emailCheck(email) {     return email.value.search(/^w+((-w+)|(.w+))*@[A-Za-z0-9]+((.|-)[A-Za-z0-9]+)*.[A-Za-z0-9]+¥/) != -1; }   //验证是否是纯数字 function PureDigitalCheck(str) {     for (var i = 0; i < str.length; i++) {         if (isNaN(str.substring(i, i + 1))) {             return false;  &

    SAM.SHI    May 15, 2012
  • CSS 清除浮动的4种办法

    1、应用空标签清除浮动。 我用了好久的一种办法,空标签可所以div标签,也可所以P标签。这种体式格式是在须要清除浮动的父级元素内部的所有浮动元素后添加如许一个标签清除浮动,并为其定义CSS代码:clear:both。此办法的弊病在于增长了无意义的布局元素。对于应用额外标签清除浮动(闭合浮动元素),是W3C推荐的做法。至于应用<br />元素还是空<div></div>可以按照本身的爱好来选(当然你也可以应用其它块级元素)。不过要重视的是,<br />本身是有发挥解析的,它会多出一个换行出来,所以要设定它的heigh为0,以隐蔽它的发挥解析。所以大多半景象下应用空<div>斗劲合适。<style type=”text/css”> <!– *{margin:0;padding:0;} body{font:36px bold; color:#F00; text-align:center;} #layout{background:#FF9;} #left{float:left;width:20%;height:200px;background:#DDD;line-height:200px;} #right{float:right;width:30%;height:80px;background:#DDD;line-height:80px;} .clear{clear:both;} –> </style> <div id=”layout”> <div id=”left”>Left</div> <div id=”right”>Right</div> <div class=”clear”> </div> </div>

    SAM.SHI    May 15, 2012
  • javascript实现页面跳转

    第一种:    <script language="javascript"type="text/javascript">           window.location.href="login.jsp?backurl="+window.location.href;     </script>第二种:    <script language="javascript">alert("返回");window.history.back(-1); &n

    SAM.SHI    May 15, 2012
  • getElementById getElementsByName的用法与差别

    getElementById: 语法: document.getElementByIdx(id)参数:id :必选项为字符串(String)返回值:对象;返回雷同id对象中的第一个,若是无合适前提的对象,则返回 nullexample:document.getElementByIdx("id1").value;getElementsByName:语法: document.getElementsByName(name)参数:name :必选项为字符串(String)返回值:数组对象; 若是无合适前提的对象,则返回空数组example:document.getElementsByName("name1")[0].value;document.getElementsByName("name1")[1].value;getElementsByTagName:语法: object.getElementsByTagName_r(tagname) object可所以document或event.srcElement.parentElement等参数:tagname:必选项为字符串(String)返回值:数组对象; 若是无合适前提的对象,则返回空数组example:document.getElementsByTagName_r("p")[0].childNodes[0].nodeValue;document.getElementsByTagName_r("p")[1].childNodes[0].nodeValue;

    SAM.SHI    May 15, 2012
  • jquery 选择器

    jquery代码:¥(document).ready(function(){                   //根蒂根基选择器申明         ¥(""#one"").css("background","#FFF68F");    //id选择器         ¥("".mini"").css("background","#bbffaa");    //类选择器         ¥(""div"").css("background","#bbffaa");       //元素选择器         ¥(""*"").css("background","#bbffaa");         //所有选择器         ¥(""span,#two"").css("background","#bbffaa");  //改变所有span、和id为two的元素         //层次选择器   &nb

    SAM.SHI    May 15, 2012
  • CSS两列布局,左边自适应,右边固定

    <style type="text/css">*{margin:0;padding:0}.wrap

    SAM.SHI    May 15, 2012
  • 60套精美的免费PSD界面设计元素包资料

    如今Web应用法度的数量在急剧增长,这些便捷的在线对象让我们的生活生计变得更轻松。然则要建树一个成功的应用法度,仅有好的设法是不敷的,还要有优雅的用户界面给用户发明杰出得应用体验。是以,我从网上收集了60套免费的精美 PSD 用户界面素材包,你可以免费并应用到本身的项目中。记得分享和推荐一下哦 :)Black UI ElementsDark Web Design ElementsGrayness UI KittUI for JapanGreen Contact FormClean and Sexy Form ElementsBlue and White GUI KitSignup Modal BoxBloom UI KitProgress and loading b

    SAM.SHI    May 15, 2012
  • JQuery让页脚部固定在网页底部

    在网页上,若是内容较少,页脚就会跑到屏幕中心去,可能会让用户感觉蛋疼。 幻想的人物不仅要在物质须要的满足上,还要在精力旨趣的满足上获得发挥解析。前次看了一篇文章,用CSS的办法来固定页脚到浏览器窗口底部。他长处很明显,不须要JS,并且在调剂浏览器窗口大小的时辰仍然可以自适应,但写法略错杂,若是项目斗劲赶进度,就不太能用上了。今天我就碰到了赶进度的蛋疼工作,所以用JQuery简单搞了一个,但本人前端开辟程度很烂,有不完美的处所,高手莫喷。代码如下://重定位页脚函数function repositionFooter(){varh = ¥(window).height();¥(".innerBlock").css(""min-height"",h - 230)};//用户调剂窗口大小时重定位页脚

    SAM.SHI    May 15, 2012