波克比的前端CSDN博客

写了一个测试demo，记录一下： $(function(){ $('.news_rwz p').each(function(){ var max = 54; if($(this).text().length > max){ $(this).text($(this).text().substring(0,max));

最近在工作中，碰到一个关于手机弹数字键盘的问题，对于文本框，弹数字键盘，通常我们都习惯使用tel，在手机上测试的时候，我们会发现，安卓手机的数字键盘是带小数点的，但是苹果手机没有小数点，问题就来了，有时我们提现，余额是有小数点，我们想全部提取出来，该怎么做呢？后来实际测试中发现，使用type=“number”属性，苹果，安卓都会有小数点，正好满足我们的需求，就这个小问题，记录一下，以免

Javascript数组相关对象方法 // splice() //从数组中添加/删除元素，然后返回被删除的元素 // var arr = ['a','b','c','d','e']; // 添加元素 // console.log(arr.splice(1,0,'f')); // console.log(arr); //['a','f','b','c','d','e'] /

JS模拟土豆弹窗——链式运动 *{padding: 0; margin: 0;} body{ font-size: 12px; font-family: "微软雅黑"; overflow: hidden;} #foot{ width: 187px; padding-left: 10px; height: 34px; line-height: 34px; background

1.运动原理Js运动，本质来说，就是让 web 上 DOM 元素动起来。而想要 DOM 动起来，改变其自身的位置属性，比如高宽，左边距，上边距，透明度等。还有一个很重要的前提是，运动的物体必须是绝对定位。window.onload = function(){ var oBtn = document.getElementById('btn'); oBtn.oncl

图片倒计时 Document window.onload = function(){ setInterval(fnTime,1000); }; fnTime(); function fnTime(){ var oDiv = document.getElementById('date'); var aImg = document.g

倒计时1： 倒计时 window.onload = function(){ var timer = null; timer = setInterval(countDown,1000); countDown(); function countDown(){ var oTime = document.getElementById('time');

Document window.onload = function(){ setInterval(fnTime,1000); }; fnTime(); function fnTime(){ var oDiv = document.getElementById('date'); var aImg = document.getElementsB

显示当前时间： JS获取当前时间 /* console.log('当期星期：' + iWeek); //当期是星期六 => 6 星期日 => 0 星期一 => 1 星期二 => 2 星期三 => 3 星期四 => 4 星期五 => 5 星期六 => 6 */ window.onload = function(){ setInte

img{ width:150px; height:150px; position:absolute; top:50px; left:300px; } // 封装getStyle函数 function getStyle(obj, attr){ return obj.currentStyle ? o

点击按钮控制div前后运动——函数封装3 #div1{ width: 100px; height: 100px; background: #ccc; position: absolute; left: 30px; top: 50px;} // 封装获取非行间样式函数 function getStyle(obj,attr){ return obj.currentSt

点击按钮控制div前后运动——函数封装2 #div1{ width: 100px; height: 100px; background: #ccc; position: absolute; left: 30px; top: 50px;} // 封装获取非行间样式函数 function getStyle(obj,attr){ return obj.current

点击按钮控制div前后运动——函数封装1 #div1{ width: 100px; height: 100px; background: #ccc; position: absolute; left: 30px; top: 50px;} // 封装获取非行间样式函数 function getStyle(obj,attr){ return obj.current

点击按钮控制div前后运动——定时器应用 #div1{ width: 100px; height: 100px; background: #ccc; position: absolute; left: 30px; top: 50px;} // 封装获取非行间样式函数 function getStyle(obj,attr){ return obj.current

CSS样式：*{ padding: 0; margin: 0;} ul{ list-style: none;} body{ color: #333; font-size: 14px; font-family: "Microsoft Yahei"; background: #fff;} #box li{ padding: 10px; border-bottom: 1px solid #ee

CSS样式：body{ font-size: 12px; color: #333;} body, ul,h2{ margin:0;padding:0;} li { list-style:none;} a{ color: #333; text-decoration: none;} a:hover{ color: #f00;} #nav { width:100%; border:1p

CSS部分：ul{ margin: 0; padding: 0; } li{ list-style: none; } #ad{ width: 298px; height: 208px; border: 1px #ff6300 solid; padding: 4px 1px; text-align: center; }

CSS部分：*{ padding: 0; margin: 0;} li{ list-style: none;} .clearfix{ *zoom:1;} .clearfix:after{ clear: both; display: block; content: ""; height: 0; overflow: hidden;} a{ text-decoration: none; co

CSS代码：*{ padding: 0; margin: 0;} li{ list-style: none;} a{ text-decoration: none; color: #333;} a:hover{ color: #f00;} .center{ text-align: center; margin-top: 20px; font-family: "Microsoft Yahe

CSS部分：body{ background: #fff; font: 14/1.4 "Microsoft Yahei";} ul{ padding: 0; margin: 0;} li{ list-style: none;} #box{ width: 400px; height: 300px; margin: 0 auto; background: #eee url(img/loade