lflianglan的博客_JavaScript,Ajax,PHP,Web开发,CSS,Windows,Web服务器,Linux,html,css,javascript

我的友情链接

51CTO博客开发Jimmy Li我站在巨人肩膀上每天进步一点点突破中的IT结构师尛雷黄灯桥的博客犀牛科技

原创 2017-11-22 23:12:09 336 阅读

marquee标签滚动刷新导致鼠标光标闪动很快的解决办法

marquee标签的滚动效果，越来越受到前端们的亲睐，因为只要一个标签，设置几个属性，就可以实现上下左右的滚动效果，可以省去很多的JS代码。但是这个有一个兼容的问题，那就是在IE 下，由于marquee的滚动，导致网页页面中的输入框中光标会不停的闪，简直是狂闪。我的解决思路是：输入框获取焦点时marquee标签隐藏，失去焦点时marquee标签显示。$(document).ready(functi

marquee

鼠标闪动很快

原创 2014-01-14 15:57:57 1848 阅读

trim()方法的兼容性

jquery中trim()是用来清除字符串的空格。<form action="" method="post"> 用户名：<input type="text" id="userid" value="xiehuilan" /> </form>//trim（）方法，去除字符串空格 var n=$("#userid").val().trim(); ale

jquery

trim()

原创 2014-01-14 13:56:28 1857 阅读

网页文本框中光标闪动过快的解决办法

引言（光标闪动过快，都有点看不太清光标的位置，问我能不能调慢一点。这个问题我也早就发现了，一直以为是自己开发的编辑器有可能是js代码的问题，有可能自己开发的玩意就是不如别人开发的好吧，感觉这个查起来应该是很麻烦的事情，所以就放下没管。昨天无意打开tv150的用户中心发布产品页面，竟然发现这里的光标并没有论坛里的闪动那般快，于是断定自己开发的编辑器没有问题，即便是js问题也应该是和页面里其它的js冲

JS特效导致输入框鼠标闪动很快

转载精选 2014-01-14 11:20:26 2028 阅读

IE和FF在对js支持的不同及解决方法

IE和FF在对js支持的不同及解决方法1.window.event IE：有window.event对象 FF：没有window.event对象，可以通过函数的参数传递event对象。如onclick=clickHandler(event) 解决办法：var event = event || window.event;2. 鼠标当前

javascript

web

转载精选 2013-12-30 15:48:52 770 阅读

js中event，event.srcElement，event.target在IE和firefox下的兼容性

1、window.event对象 IE：有window.event对象 firefox:没有window.event对象。可以通过函数的参数传递event对象。例如：onmousedown=function(event) 解决办法：var e=window.event||event; &nb

javascript

web

原创 2013-12-30 15:46:27 10000+阅读

用dreamweaver CS6 开发APP的环境准备

这里是结合html5,css3.0,jqueryMobile，SDK，phoneGap来开发APK。1、下载dreamweaver CS6，安装。安装完之后jqueryMobile是自带的，不用再下载安装。2、下载SDK，最好是压缩文件，解压就可以用的那种。3、配置phoneGap： 3.1 打开DW，站点-PhoneGap Build 服务-PhoneGap Build 设置-填写好SDK的路径

dreamweaver

环境准备

CS6

开发安卓

原创 2013-11-12 16:11:50 3250 阅读

在AVD里安装APK文件

最重要的是，首先要启动AVD。然后按下列步骤操作：1、win+r 弹出运行面板----输入cmd，敲回车或者点击确定，出现以下现象：2、接着在后面输入adb install 需要安装的APK文件路径\apkname.apk，例如：3、回车后会出现安装成功的提示，如下所示：4、到AVD界面就可以看到安装的APK图标了。注意：如果出现了这样的提示：adb不是内部或外部命令也不是可运行的程序，那就是环

环境变量

SDK

APK

AVD

在AVD里安装APK文件

原创 2013-11-12 15:02:54 924 阅读

常用正则表达式

手机号码认证：(!/^((13\d{9})|(15[0-3,5-9]\d{8})|(14[5,7]\d{8})|(18[0,2-9]\d{8}))$/.test(this.value))例子：//手机号认证 $("#phonenum").blur(function(){ if(this.value==""||this.value.length!=11||(!

代码

前端

js正则表达式

原创 2013-11-07 11:12:19 528 阅读

this.value和$(this).val()的区别

this.value是JS原生态写法$(this).val()是JQ的写法两个打印出来的值是一样的。

javascript

jQuery

value

val()

原创 2013-11-06 17:26:21 4306 阅读

IE10浏览器的hack解决方法

标签：<div style="width:735px; height:405px;"> <div class="mainFloat"></div></div>样式：.mainFloat {width:725px;height:395px;border:#78a5c2 solid 5px;padding:0;overflow-y:hidden;ove

IE10 hack 兼容性

原创 2013-09-26 16:36:45 836 阅读

给商品评分效果，CSS技巧

像这种给商品评分的效果，基本上所有电商网站都有。这里写这个效果的时候运用到了一些CSS技巧。结合posiiton,z-index,background-p_w_picpath,background-position,overflow,:hover等等多个属性。<li class="pro_rating"> 给商品评分：

给商品评分效果

CSS技巧

原创 2013-09-03 16:43:11 510 阅读 1点赞

change()方法，价格与数量联动

change()当元素的值发生改变时，会发生 change 事件。该事件仅适用于文本域（text field），以及 textarea 和 select 元素。change() 函数触发 change 事件，或规定当发生 change 事件时运行的函数。注释：当用于 select 元素时，change 事件会在选择某个选项时发生。当用于 text field 或 text area 时，该事件会在

jquery

change()

原创 2013-09-03 16:29:18 619 阅读

replace(), lastIndexOf(), substring()

replace()用于在字符串中用一些字符替换另一些字符，或替换一个与正则表达式匹配的子串。lastIndexOf()方法从指定的字符串从后向前搜索,不包括选中的字符串，从1开始计数。substring()用于提取字符串中介于两个指点下标之间的字符,包括两个字符串本身。实例：//衣服颜色切换 var $color_img=$(".color_change ul li img");

javascript

jQuery

replace()

lastIndexOf()

substring()

原创 2013-09-03 12:01:09 547 阅读

jQuery与CSS结合制作tab效果有一个很重要的地方需要注意。

今天在写一个tab效果时遇到一个问题，迷惑了一会，以前同一个效果写过很多回，都没出现这个问题。刚开始还真有点二丈的和尚摸不着头脑，不知道这是怎么回事，心里犯嘀咕，这里从来都没有出过bug呀？？？问题描述与分析：在选项卡切换的时候，有class属性名为“selected”的相鼠标经过时，也会出现“hover”的效果。正常情况下是选中的相不会有鼠

CSS

jQuery

hover

tab

click

原创 2013-09-02 16:53:56 739 阅读

CSS的content属性

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <me

CSS content属性

原创 2013-08-23 16:03:45 663 阅读

CSS的新表格布局方式

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <me

css

table

display

table-cell

table-row

CSS新表格布局

原创 2013-08-23 14:13:24 896 阅读

前端一定要经常去的网页

前端综合：http://www.admin10000.com/frontend/2/

前端综合网站

原创 2013-08-13 11:08:52 373 阅读

网站图片优化工具

http://www.admin10000.com/document/1551.html

网站图片优化工具

原创 2013-08-13 11:07:42 550 阅读

测试兼容性的12款给力工具

http://www.cnbeta.com/articles/149063.htm

测试兼容性的工具

原创 2013-08-13 11:05:55 603 阅读 5评论

发现了一个特别好的测试网页分辨率下兼容性的工具

Viewlike 是一款新推出的工具，帮助你检查浏览器在不同分辨率下得呈现情况。http://viewlike.us/很喜欢这个工具！！！

网页测试工具

分辨率测试

原创 2013-08-13 11:04:37 1264 阅读

IE9 下hack的写法及IEhack写法汇总

margin-top:4px\9;position:absolute\9;老是看到以上CSS代码的写法，甚不明白，现在终于明白了，原来是IE9的hack，专门针对IE9设置的样式，只有IE9可以解析这样的样式。/* CSS属性级Hack */ color:red; /* 所有浏览器可识别*/ _color:red; /* 仅IE6 识别 */ *color:red; /* IE6、IE7 识别 *

IE9 hack

原创 2013-08-02 16:17:49 1880 阅读 1点赞

boby的属性：height:100%

body{width:100%;height:100%}#mapwrap{width:100%; height:100%;}以上的样式中height:100%并没有起作用，这是为什么呢？我们再看一个：html,body{width:100%; height:100%;}#mapwrap{width:100%; height:100%;}这样height:100%就起作用了。height:100%这

html

body

height：100%

原创 2013-07-31 13:55:41 438 阅读

在sogou浏览器下进行调试的方法

一、调整网页在谷歌浏览器和IE上的兼容性，要是这两个浏览器上兼容性良好，那肯定能兼容sogou浏览器了，因为搜狗浏览器时双核浏览器，高速模式下是谷歌内核，兼容模式下是IE7（可能鉴于IE6和IE7之间）内核。谷歌的调试用工具下的开发者工具，IE7的调试可以用IEtester里的debugbar工具。二、激活搜狗浏览下的firebug。在你的html页面中复制黏贴上如下代码：<a id=&qu

在sogou浏览器下进行调试的方法

原创 2013-07-29 17:26:55 1872 阅读

产品横向展示效果

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <me

jquery

slide

左右展示

横向展示

带箭头

原创 2013-07-26 15:32:32 781 阅读

产品图片放大镜效果----jqzoom.js插件

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <me

jqzoom.js

产品放大镜效果

原创 2013-07-25 15:10:59 663 阅读

手机WAP开发

两种文档类型：两种类型文件后缀都是.wml.一种是Xhtml:就是声明和html不同,也是用的xhtml语言，采用wap2.0标准<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd"> <html xmlns="

xhtml

vml

手机WAP开发

wap1.2

wap2.0

原创 2013-07-24 17:21:51 579 阅读 1点赞

jsp中禁止页面缓存的方法

<% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; response.setHeader("Pragma","No-c

jsp中禁止页面缓存的方法

原创 2013-07-23 17:30:01 1208 阅读

初学者JSP新体验--jsp标记

一直以为在html文件中加入一句java代码，然后后缀改成.jsp后，就是一个完整的jsp文件了，之后的代码跟html一样一样的。今天才发现，我错了。因为老是在代码里看到类似这样的代码：之前我以为<c:if>是java代码，现在才知道，原来这是jsp标记，用于实现java中的if语句功能。<c:if test="${session_userinfo!=null}&quo

jsp标记

原创 2013-07-19 11:34:14 447 阅读

png图片IE6下实现透明

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <me

png图片IE6下透明

原创 2013-07-18 16:11:08 586 阅读 1点赞 3评论

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

南方走到北方