- 博客(20)
- 资源 (3)
- 收藏
- 关注
转载 欢迎使用CSDN-markdown编辑器
欢迎使用Markdown编辑器写博客本Markdown编辑器使用StackEdit修改而来,用它写博客,将会带来全新的体验哦:Markdown和扩展Markdown简洁的语法代码块高亮图片链接和图片上传LaTex数学公式UML序列图和流程图离线写博客导入导出Markdown文件丰富的快捷键快捷键加粗 Ctrl + B 斜体 Ctrl + I 引用 Ctrl
2015-10-27 10:19:57 469
转载 jquery图文列表鼠标点击下拉显示文字说明内容
jquery图文列表鼠标点击下拉显示文字说明内容*{ margin:0; padding:0; list-style:none;}body{ font-family:"微软雅黑";}img{ border:0;}.wrap{ width:1120px; margin:0 auto;}.solutions{width:1120px;overflow: hidden}.
2015-10-27 10:18:02 2089
原创 鼠标放上去变另一个图片
/*food-weixin*/.food-nav{position:relative;z-index:9000;height:30px;line-height:30px;}.food-nav a{color:#333;text-decoration:none}.food-nav{float:left;height:30px;line-height:30px}.food-nav .mobile{fl
2015-10-23 11:03:36 691
原创 自增自减代码
无标题文档.spinner-sprite, .spinner .decrease, .spinner .decrease[disabled], .spinner .increase, .spinner .value, .spinner .value.passive {background: url('images/spinner.png') no-repeat}
2015-10-15 15:50:06 895
原创 鼠标悬浮状态
.ec-botton{background:#fd7400;top:10px;width:222px; left:26px;color:#fff;display:none;height:222px;right:0;position:absolute;text-align:center;}.ec-botton dd{margin:20px auto;width:180px; height:180
2015-09-18 13:33:36 750
原创 JS实现显示部分文字点击显示全部
js显示隐藏层测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语
2015-09-16 15:35:15 13004
原创 包罗万象的JS功能,配上刚刚发布的CSS简直是完美,没有前端的IT好好看看
$(function(){ $(".win-homepage").click(function(){ if(document.all){ document.body.style.behavior = 'url(#default#homepage)'; document.body.setHomePage(document.URL);
2015-09-16 11:13:21 880
原创 直接调用的CSS超级棒的哦,用过才知道,整理好久才整理出来的,下一篇会发使用说明
html{margin:0;padding:0;border:0;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blo
2015-09-16 11:07:37 4470
原创 纯CSS标签tab
简洁Tab body,div,ul,li{ margin:0 auto; padding:0; } body{ font:12px "宋体"; text-align:center; } a:link{ color:#00F; text-decoration:none; } a:visited { color: #00F
2015-08-28 11:06:17 625
原创 纯CSS分页代码
http://www.w3.org/1999/xhtml">居中分页DIV CSS DIVCSS5在线案例演示a{ text-decoration:none}#n{margin:10px auto; width:920px; border:1px solid #CCC;font-size:12px; line-height:30px;}#n a{ padding:0
2015-08-19 16:25:30 601
原创 CSS 超出隐藏实现限制字数的功能代码(多浏览器)
overflow:hidden; white-space:nowrap; text-overflow:ellipsis; /* for IE */ -o-text-overflow: ellipsis; /* for Opera */ -icab-text-overflow: ellipsis; /* for iCab */ -khtml-text-overflow: elli
2015-08-19 16:23:17 611
原创 iframe自适应高度(兼容多种浏览器)
function iFrameHeight() { var ifm= document.getElementById("iframepage"); var subWeb = document.frames ? document.frames["iframepage"].document :ifm.contentDocument; i
2015-08-19 16:21:57 305
原创 CSS3边框阴影,折角效果演示
CSS3边框阴影,折角效果演示*{margin: 0;padding:0;} body {margin: 0; padding: 20px 100px;background-color: #f4f4f4;} pre{max-height:200px;overflow:auto;} div.demo {overflow:auto;}
2015-08-19 16:20:13 1570
原创 CSS实现缩略图鼠标移上去显示大图
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml">完全css实现缩略图鼠标移上去显示大图.list{position:relative;}.list span img{ /*CSS for enlarged image*/border-wi
2015-08-19 16:18:33 6616 2
原创 内容垂直、水平居中
CSS.amdin_img{z-index:-99; position:fixed;}.amdin_main{ position:absolute; top:50%; left:50%; width:580px; height:600px; margin-top:-300px; margin-left:-290px; line-height:30px;font-size:16px
2015-08-19 16:16:41 408
转载 jQuery实现购物车表单自动结算
http://www.codefans.net/jscss/code/4903.shtml?jdfwkey=jlfkb1 http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml">jQuery购物车表单自动结算*{margin:0;
2015-08-19 16:04:47 3347
转载 点击文字弹出图片层
http://www.vtzero.net/living123/wchat_css.css"/>http://www.vtzero.net/living123/jquery-2.js"> 官方微信
2015-08-19 16:02:41 5310 2
原创 自动适应—根据分辨率大小可以相应显示不同图片(代码)
How to redeem Xbox gold membership with coupon STEP 1. Get a coupon from ebay message
2015-08-19 16:01:42 2600
原创 窗口缩小时图片、文字跟着整体缩小
.content_left{width:48.5%; float:left; padding:3% 3% 0px 0px; display:block;}.content_left img{min-width:100%;width:280px;vertical-align: middle;width:expression_r(document.body.clientWidth>100?"100
2015-08-19 16:00:35 2570
原创 鼠标移上去出现显示层,并且出现在同一个div中
div class="a"> img src="a.jpg" /> div class="b" > 这里是图片的名字 div>div>style>.a{width:100px; height:100px; position:relative;}.b{width:100px; height:20px; background:url(/b
2015-08-19 15:58:39 2407
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人