最新消息:欢迎您光临磊迅科技淘宝店 https://shop112320432.taobao.com

标签:前端技巧

自码分享到SNS模块-Dshare 更简洁 更友好
javascript

自码分享到SNS模块-Dshare 更简洁 更友好

admin 2013-10-24 59浏览

Dshare是专属大前端的分享模块,浩子码。 首先,大前端用过Bshare、百度分享等分享插件。有以下感触: 庞大,加载的图片很大,代码很多; 给网站新增3个以上的请求; 有的自带分享统计,对80%的站点来说没有必要,加载的js可以省了; 对此,有了一个想法,写...

解读浮动闭合最佳方案:clearfix
HTML/CSS

解读浮动闭合最佳方案:clearfix

admin 2013-10-24 209浏览

之前给大家介绍两种浮动闭合的办法 CSS清除浮动 万能float闭合 ,得知很多同学都在使用下面的骨灰级解决办法: .clear{clear:both;height:0;overflow:hidden;} 上诉办法是在需要清除浮动的地方加个div.clear或者br.clear,我们知道这样能解决基本清浮动问题...

简单CSS3 让搜索更有爱
HTML/CSS

简单CSS3 让搜索更有爱

admin 2013-10-24 158浏览

首先,请看右侧搜索位置,试试先!!(如果你用的是IE,悲剧了) 小小的动画,是css3实现的,很有爱,有木有!! 代码如下: .searchdemo {display:inline-block;position:relative;height:27px;margin:60px;}.searchdemo:hover {-webkit-box-shadow:0 0 3px...

发个自己的CSS重置基础代码
HTML/CSS

发个自己的CSS重置基础代码

admin 2013-10-24 122浏览

关于css的重置代码有很多,也有不少人写过适合不同站点的重置代码,这里发个浩子平时使用的额方法。 代码如下: /* haozi / hao.chen@qq.com / 2011.06.15 */body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,text...

CSS巧妙实现分隔线的几种方法
HTML/CSS

CSS巧妙实现分隔线的几种方法

admin 2013-10-24 204浏览

前几天一 @同事 看新浪微博里有个类似分隔线的提示,就自己试了几种方法来实现这个分隔线。下面就是简单实现分隔线的几种方法,个人比较喜欢第二种,我也给出了最后第五种比较2的写法,请大家拍砖,或者提供其他好的方法。 单个标签实现分隔线: 点此查看实...

针对IE的CSS hack 全面 实用
HTML/CSS

针对IE的CSS hack 全面 实用

admin 2013-10-24 72浏览

.all IE{property:value\9;}.gte IE 8{property:value\0;}.lte IE 7{*property:value;}.IE 8/9{property:value\0;}.IE 9{property:value\9\0;}.IE 7{+property:value;}.IE 6{_property:value;}.not IE{property//:value;} lte:就是Less than or equal to的...

CSS常用浮出层的写法
HTML/CSS

CSS常用浮出层的写法

admin 2013-10-24 159浏览

浮出层是web页面中经常用到的功能,带有小小尖角的浮出层则更为生动,所以今天带给大家的是有角的浮出层,一起看看吧! 点此查看实例展示 是的,我们即将实现的就是以上功能,是不是很生动? 贴上HTML: div class = "poptip" span class = "poptip-arrow po...

点a链接写邮件小技巧
HTML/CSS

点a链接写邮件小技巧

admin 2013-10-24 124浏览

无意间发现这个技巧,分享一下! 当点击mailto的邮件链接的时候,需要填写标题和内容,如果你想规定一个邮件标题格式,那这个可以帮助你。 代码: a href="mailto:haozi@daqianduan.com?subject=投稿:body=源地址:"立即投稿?/a mailto:邮件地址 subject=邮...

取消chrome浏览器下input和textarea的默认样式
HTML/CSS

取消chrome浏览器下input和textarea的默认样式

admin 2013-10-24 136浏览

最近一个细节引起了我的注意,chrome浏览器下的input和textarea在聚焦的时候都有一个黄色的边框,而且textarea还可以任意拖动放大,这是不能容忍的,影响美观不说,有时候拖动textarea还会使页面布局错乱,所以决定重置这些样式。这是大前端调整的样式,样式...

CSS创建三角形(小三角)的几种方法
HTML/CSS

CSS创建三角形(小三角)的几种方法

admin 2013-10-24 142浏览

你可以在很多地方看到三角形(小三角):tooltips提示框、下拉菜单、甚至在loading载入动画里。不管你喜欢还是不喜欢,这些小元素对各UI元素之间的联系关系式很重要的。 有一些不同的方法来设计并制作一个三角形,在本文中,我将介绍: 点此查看实例展示 编...