
前端
freeson_csdn
这个作者很懒,什么都没留下…
展开
-
js实现仿淘宝商品评价的星级评定效果
<!-- # 星级评分 # star:value = 分数 --> 物流公司的服务: 20 40 60 80 100转载 2014-10-28 14:51:24 · 4710 阅读 · 0 评论 -
HTML中IE浏览器版本的判断
原创 2014-09-10 15:22:43 · 418 阅读 · 0 评论 -
超链接访问过后hover样式就不出现…
分别定义超链接各个状态的样式a:link { color:red }a:hover { color:blue }a:visited { color:green }a:active { color:orange }被点击访问过的超链接样式不在具有hover和active了,很多人应该都遇到过这个问题,解决方法是改变CSS属性的排列顺序:L-V-H-A,即改为:a:lin原创 2014-09-10 15:22:37 · 1006 阅读 · 1 评论 -
li中内容超过长度后以省略号显示的…
li { width:200px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden; } PS:此方法适用于IE与OP浏览器,FF对此不支持原创 2014-09-10 15:22:33 · 476 阅读 · 0 评论 -
文本框输入字符垂直居中的解决方法
对于设定了高度的文本框,往往会造成输入字符的时候字符不是垂直居中的,这时可以通过设置字符的大小来达到垂直居中的效果,但这往往是达不到自己想要的效果的。现在提供一种简洁有效的方法: 给文本框设置一个与其高度相同的行高就可以了(line-height:高度值),就这么简单。PS:此方法同样适用于设置容器中文本垂直居中。原创 2014-09-10 15:22:31 · 1273 阅读 · 0 评论 -
通用的加入收藏夹代码
加入收藏夹原创 2014-09-10 15:22:20 · 480 阅读 · 0 评论 -
复制到系统剪贴板之IE,ff兼容版
原创 2014-09-10 15:22:18 · 382 阅读 · 0 评论 -
DIV+CSS页面布局模版
原文地址:DIV+CSS页面布局模版作者:吴培洪DIV+CSS页面布局模版 <div id="header" style="margin: auto; width: 1000px;height: 100px; background-color:#FFCCFF;"> style="margin:auto; width: 1000px; height: 60转载 2014-09-10 15:21:13 · 1131 阅读 · 0 评论 -
设置DIV最小高度以及高度自适应(兼容IE6和火狐)
在应用DIV布局时,有时会希望DIV的高度会随着内容的变化原创 2014-09-02 16:42:51 · 1705 阅读 · 0 评论 -
lightBox实现点击图片放大查看的实现方法
前台页面: js原创 2014-10-28 16:09:06 · 1809 阅读 · 0 评论 -
DIV自动滚动到最底部
方法三:这个比较复杂也比较灵活一点,就是利用DIV+JS+图片构造一个滚动条,当然了图片是怎么好看怎么用了。主要部分就是外层的DIV加个overflow:hidden属性,通过js代码调整内层DIV的margin-left和margin-top来控制内容的滚动,由于上面两种方法已经可以满足需求,所以这种方法没具体做深究,有兴趣的可以试一下原创 2014-09-10 15:22:55 · 982 阅读 · 0 评论 -
设置滚动条颜色
html{ scrollbar-face-color:#f6f6f6; scrollbar-highlight-color:#111; scrollbar-shadow-color:#eeeeee; scrollbar-3dlight-color:#eeeeee; scrollbar-arrow-color:#000; scrollbar-track-color:#fff; scro原创 2014-09-10 15:22:26 · 577 阅读 · 0 评论 -
使用 FocusPoint.js 实现图片的响应式裁剪
通常网站的布局都不是单一的。例如图像在电脑、平板和智能手机上可能显示的形状是不同的。特别是如果你使用的是全屏图像,在你必须使用相同的图像文件的情况下,你的主题可能会被截断或完全缺失,或者看起来很尴尬。 FocusPoint 这款 jQuery 插件可以确保你的图像中的任何容器看起来都很棒,它提出了“响应裁剪”的概念,确保你的图片的重要组成部分被裁剪出来,动态图像裁剪以填充可用空间又不会裁转载 2014-09-03 14:28:03 · 413 阅读 · 0 评论 -
CSS教程:div垂直居中的N种方法[转]
在说到这个问题的时候,也许有人会问CSS中不是有vertical-align属性来设置垂直居中的吗?即使是某些浏览器不支持我只需做少许的CSS Hack技术就可以啊!所以在这里我还要啰嗦两句,CSS中的确是有vertical-align属性,但是它只对(X)HTML元素中拥有valign特性的元素才生效,例如表格元素中的、、等,而像、这样的元素是没有valign特性的,因此使用vertical-a转载 2014-09-03 08:57:40 · 458 阅读 · 0 评论 -
获取下拉框的值
分别使用javascript原生的方法和jquery方法复制代码 代码如下:text1text2一:javascript原生的方法1:拿到select对象: var myselect=document.getElementByIdx_x("test");2:拿到选中项的索引:var index=myselect.selectedIndex ; //selectedInd原创 2014-09-10 15:22:49 · 649 阅读 · 0 评论 -
两种简单的js获取url传递的参数值方法
方法一:正则分析法function getQueryString(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"); var r = window.location.search.substr(1).match(reg); if (r != null) return unescape(r转载 2014-10-28 14:27:15 · 679 阅读 · 0 评论 -
一种利用js实现的仿淘宝商品评价功能的方法
CSS:ul{list-style-type:none;}#star{position:relative;width:100%;margin:5px;height:26px;line-height:26px;} #star ul,#star span{float:left;display:inline;height:26px;line-height:26px;}原创 2014-10-28 15:01:13 · 6663 阅读 · 2 评论 -
html中的Map,area标签详解
shqpe属性的设置说明:1.rect 定义一个矩形区域,coords属性设置值为矩形的左上角,右下角的坐标,各个坐标值之间用逗号分开;2.poly 定义一个多边形区域, coords属性设置值为多边形各项顶点的坐标值;3.circle 定义一格圆形区域,coords属性设置值为圆心坐标及半径,前两个参数分别为圆心的横,纵坐标,第三个参数为半径.原创 2014-09-10 15:22:51 · 764 阅读 · 0 评论 -
<marquee>标签设置内容滚动
显示的内容标签设置内容滚动" TITLE="标签设置内容滚动" />behavior设定滚动的方式:alternate: 表示在两端之间来回滚动。scroll: 表示由一端滚动到另一端,会重复。slide: 表示由一端滚动到另一端,不会重复。direction设定活动字幕的滚动方向up:向上down:向下left:向左right:向右scrollamount设定活原创 2014-09-10 15:22:41 · 676 阅读 · 0 评论 -
FF下文本无法撑开容器的高度
对于定义了高度的DIV容器div { width:200px; height:200px; border:1px solid red }标准浏览器中固定高度值的容器是不会象IE6里那样被撑开的,那我又想固定高度,又想能被撑开需要怎样设置呢?办法就是去掉height设置min-height:200px; 这里为了照顾不认识min-height的IE6 可以这样定义:div{he原创 2014-09-10 15:22:28 · 656 阅读 · 0 评论 -
无法定义1px左右高度的容器的解决…
IE6下这个问题是因为默认的行高造成的,解决的方法也有很多,例如:overflow:hidden | zoom:0.08 |line-height:1px原创 2014-09-10 15:22:24 · 1184 阅读 · 0 评论 -
JS中对日期时间的操作(函数)
来自http://new.dlgzy.com/bbs/show.asp?id=42&bd=8&totable=1日期时间脚本库方法列表Date.prototype.isLeapYear 判断闰年Date.prototype.Format 日期格式化Date.prototype.DateAdd 日期计算Date.prototype.DateDiff 比较日期差Date.prototy原创 2014-09-10 15:22:11 · 453 阅读 · 0 评论 -
jQuery循环滚动展示代码[转]
循环滚动展示的文字和图片每个人都见过,实现类似效果的 JS 也很多。但如果只用于几个条目或三五张图片,体积庞大的 JS 会浪费资源。依靠 jQuery 入门的思路写了一版,代码更少使用也更简单。先看演示。使用之前,先插入 jQuery 框架( 直接从 Google 拿 ):type="text/javascript"src="http://ajax.googleapis.com转载 2014-09-03 11:07:38 · 573 阅读 · 0 评论 -
js验证表单的若干方法[转]
2.1 表单项不能为空 function CheckForm() { if (document.form.name.value.length == 0) { alert("请输入您姓名!"); document.form.name.focus(); return false; } return true; } --> 2.2 比转载 2014-09-03 10:34:42 · 451 阅读 · 0 评论 -
合适的Doctype可以解决CSS失效的问题
如果你的CSS都是正确的,链接也没有出错的话,为什么偏偏CSS样式不生效呢?你也许正在为这个事而焦头烂额,呵呵,不要气馁,我以前也被这个事弄得头大过。这时你需要检查你的网页最头部是否有如下一句话了?有的朋友也许会说,以前我新建网页后都把它去掉了,没用。现在我要告诉你,这种做法是错误的!那么,这句话究竟是什么意思,又有哪些作用呢?原创 2014-09-02 17:57:54 · 783 阅读 · 0 评论 -
用CSS实现三列DIV等高布局
在实际的页面布局的时候原创 2014-09-02 15:07:35 · 1327 阅读 · 0 评论 -
firefox下如何使连续长字段自动换…
众所周知IE中直接使用 word-wrap:break-word 就可以了: div {width:300px; word-wrap:break-word;border:1px solid red; } 这里FF中我们使用JS插入的方法来解决function toBreakWord(intLen){var obj=document.getElementByIdx_x(原创 2014-09-10 15:22:35 · 374 阅读 · 0 评论 -
前台技术--页面跳转…
前台技术--页面跳转的几种用法 按钮式: INPUT name="pclog" type="button" value="GO" onClick="location.href='http://www.lezhu99.com/'"> 链接式: a href="javascript:history.go(-1)">返回上一步a> a href="%=Req原创 2014-09-10 15:21:48 · 890 阅读 · 0 评论 -
设置一个层同时水平垂直居中
想要使定义的一个层即能左右居中原创 2014-09-02 17:03:45 · 475 阅读 · 0 评论 -
利用overflow属性解决子元素float浮动后父级元素高度无法自适应的问题
在进行页面布局的时候经常原创 2014-09-02 15:35:14 · 2867 阅读 · 0 评论 -
关于android客户端中webview调试的方法
远程调试android设备中的web页面,HTML / CSS / JavaScript。原创 2016-11-22 16:11:58 · 4180 阅读 · 0 评论