ms.元 - 博客园

2012年11月30日

摘要： 1.<label style="font-size:12px;">12号字体</label><input style="vertical-align:-2px;" type="checkbox" />元素相对于基线向下偏移两像素，这个常常用来修复单选框/复选框与12像素文字大小不对齐的问题2.vertical-align适用于与inline同一行的，又能设置高度的属性的元素；inline-block;如button,cheeckbox,radion,单行或者多行的文本框等；阅读全文

posted @ 2012-11-30 16:48 ms.元阅读(235) 评论(0) 推荐(0) 编辑

2012年11月28日

搜索btn与文本text一体的设计与实现

摘要： 1.2.3.4.今天要做一个如图所示的效果，于是在网上大搜一翻，看看前辈们是如何做的，做成这种效果的方法应该比较多吧，但我目前知道的是用背景图片的叠加，绝对定位等等，感觉很繁琐，不过在各个浏览器中表现的一样；经过自己的摸索，自己也摸索出来了一种方法，也许前辈们已经想出来了，可能我不知道，我做的这个在各个浏览器有一定的差异，但差异不是很大，这可能就是简单了的原因吧。html： <div id="search" style=""><label>关键字搜索</label> <span style="" 阅读全文

posted @ 2012-11-28 17:13 ms.元阅读(371) 评论(0) 推荐(0) 编辑

2012年11月9日

jquery文档处理（一）

摘要： <body> <p class="p1">1111</p> <p id="A">Hello <span>subNode</span></p> <input type="button" value="empty,remove();detach()"> <input type="button" value="empty"/> </body>jquery:func 阅读全文

posted @ 2012-11-09 15:45 ms.元阅读(231) 评论(0) 推荐(0) 编辑

2012年11月8日

基于jquery模仿新浪微博的无狭缝滚动2(内容动态加载)

摘要： html: <div id="runcon"> <ul class="show"> </ul> </div>css:<style type="text/css">#runcon{margin:0 auto;width:400px;overflow:hidden;background:#ffffff;border:1px solid #d6d6d6;height:100px;}#runcon ul{list-style-type:none;position:relative;m 阅读全文

posted @ 2012-11-08 18:15 ms.元阅读(1312) 评论(0) 推荐(0) 编辑

纯css处理文本的溢出

摘要： <div style="width:500px;border:1px solid #336699;overflow:hidden;white-space:nowrap;text-overflow:ellipsis"> overflow:hidden；内容会修剪，其余内容不可见； white-space: text-overflow:超出的内容以省略号显示； width必须定义； </div> 阅读全文

posted @ 2012-11-08 13:35 ms.元阅读(294) 评论(1) 推荐(0) 编辑

2012年11月7日

基于query简单的div收起和关闭效果

摘要： toggle(fn1,fn2,fn3,---)函数是为对象添加click事件的函数，设置每次点击后一次调用的函数，每次点击一次，就调用一次；toggle实例：html: <h2>点击隐藏和关闭的效过<span>-</span><span>收起</span></h2> <div class="content"> 熟悉jquery事件，委托事件，快捷事件，切换事件 </divcss:<style type="text/css">h2{width:400px; 阅读全文

posted @ 2012-11-07 15:31 ms.元阅读(2304) 评论(0) 推荐(0) 编辑

2012年11月6日

基于jquery模仿新浪微博的无狭缝滚动

摘要： <div><ul><li>1</li><li>2</li></ul></div>实现思想：1.内容的持续滚动；通过设置ul的position;relative;我的实验中用了，position:absolute;top:0也能达到此效果，但这两种方法有什么差异目前，还未清除；给人的感觉就是除了第一个li之外，其他的li是一起滚动的；2.新浪微博的内容是通过上面的内容，把下面的内容推下去，最后一个又重新跑到第一个内容处；让最后的li元素定时插入第一个li元素的上方，然后采用animate方法来改变li 阅读全文

posted @ 2012-11-06 11:59 ms.元阅读(338) 评论(0) 推荐(0) 编辑

jquery选择器

摘要： 1.基本选择；2.层次选择器；3.过滤选择器；基本过滤选择器，内容过滤选择器；可视化过滤选择器；属性过滤选择器；.子元素选择器；4.表单元素选择器；阅读全文

posted @ 2012-11-06 11:28 ms.元阅读(51) 评论(0) 推荐(0) 编辑

2012年10月3日

jQuery一句代码实现返回顶部功能

摘要： <style type="text/css">.top{position:fixed;bottom:20px;right:20px;border:solid 1px #ccc;cursor:pointer;}</style><div onclick="$('body,html').animate({scrollTop:0},911);">2返<br />回<br />顶<br />部</div> 阅读全文

posted @ 2012-10-03 21:48 ms.元阅读(192) 评论(0) 推荐(0) 编辑

2012年9月3日

css+div布局

摘要： 1.一行一列宽度自适应<div id="d1">一行一列自动宽度适应</div><style type="text/css">#d1{height:100px;border:1px solid red;margin:0 auto;} </style>2.一行两列宽度自适应div id="d1">左列宽度固定</div><div id="d2">右列，自动宽度，自适应</div><style type="text 阅读全文

posted @ 2012-09-03 22:34 ms.元阅读(406) 评论(0) 推荐(0) 编辑