关闭

响应式设计种种……

媒体查询: @media screen and (max-width:320px) and  (max-height:480px){/iphone4,4s/} @media screen and (max-width:320px) and  (max-height:568px){/iphone5/} @media screen and (max-width:375px) and  (max-...
阅读(375) 评论(0)

<span> 无法设置宽度的完美解决方案!

在默认的情况下,利用css样式对span进行宽度设定是无效,但有时为了某种排版的要求,需要对span进行宽度设定,那么如何在html中利用css样式设定span的宽度? 思路:这看上去是个很简单的问题,似乎用style中的width属性就可以。 然而通过试验以后发现,无论是在Firefox还是IE中都无效。 在css2的标准中,查阅关于width的定义,我们可以发现,原来css中...
阅读(614) 评论(0)

百度地图URI API,调用位置、导航模块,移动端

http://api.map.baidu.com/marker?location=28.100867,116.974469&title=龙虎山雷迪森庄园&content=龙虎山雷迪森庄园&output=html&destination_region=龙虎山雷迪森庄园&zoom=12...
阅读(478) 评论(0)

使用jquery.qrcode生成二维码

二维码应用已经渗透到我们的生活工作当中,您只需要用手机对着二维码“扫一扫”即可获得所对应的信息,方便我们了解商家、购物、观影等等。本文将介绍一款基于jquery的二维码生成插件qrcode,在页面中调用该插件就能生成对应的二维码。 qrcode其实是通过使用jQuery实现图形渲染,画图,支持canvas(HTML5)和table两种方式,您可以到https://github.com/jer...
阅读(441) 评论(2)

新浪微博分享按钮接口:样式自定义

新浪开放平台虽然有分享按钮的组件(http://open.weibo.com/sharebutton)并且提供了两种格式的应用方法:WBML和JS,但还是无法据自己的需求做到自定义样式。 为了解决该问题,我们首先来看下新浪所生成的JS代码: "text/javascript" charset="utf-8"> (function(){  ...
阅读(1099) 评论(0)

让IE 6,7,8支持CSS3的部分属性

让IE 6,7,8支持CSS3的部分属性。今天要给大家介绍的这个htc,它可以让IE浏览器支持CSS3的border-radius、box-shadow、border-image、CSS3 Backgrounds (-pie-background)、Gradients、RGBA属性。不相信?你可以在IE浏览器中打开我的博客看下效果。 下面来一一介绍: 提示:PIE.htc URL路径是相对于当...
阅读(314) 评论(0)

雅虎35条网站前端优化建议

Yahoo!的 Exceptional Performance团队为改善 Web性能带来最佳实践。他们为此进行了一系列的实验、开发了各种工具、写了大量的文章和博客并在各种会议上参与探讨。最佳实践的核心就是旨在提高网站性能。原版猛戳:Best Practices for Speeding Up Your Web Site, Excetional Performance 团队总结出了一系列可以提...
阅读(1553) 评论(0)

网站怎样加载系统不自带的特殊字体?

作为网页设计师都知道网页中的HTML文字大多都会选用一些常用字体,比如“宋体”“黑体”等,因为这些字体在多数电脑中都有被安装,然而如果想用一些特殊字体的话,一般都会将这些字体转为图片,原因也是由于使用的很多字体在许多电脑中并不存在。其实解决这种字体文字并不难,本文推荐的方法就十分管用,通过CSS中的URL属性将需要用的字体通过网页来读取,而并非使用者的电脑中读取,因此通过该方法可以使用任何你想要用...
阅读(573) 评论(1)

wampserver如何开启gzip网页压缩?

wampserver 跑php已经逐渐成熟了,越来越多的人选择了wampserver。其在windows下集成了Apache+Mysql+PHP的环境,一键安装非常方便,简单的操作而被广泛使用。那么wampserver如何开启gzip网页压缩呢? 开启gzip网页压缩的好处这里就不多说了,这里直接讲在wampserver 如何开启gzip网页压缩是方法。   1.点击右下...
阅读(767) 评论(0)

html5 Placeholder属性兼容IE6、7方法

使低版本浏览器支持Placeholder有很多方法,都不是很完美,或多或少有点问题,且有些原生支持的浏览器在获得焦点时会清空Placeholder提示。发现zhihu的解决方法不错,特记录下 windows系统中以下浏览器测试通过:Google Chrome 18,Firefox 12,IE 9,IE 6,Opera 11.5。在android 4.0系统也测试了下,原生浏览器及Opera ...
阅读(1890) 评论(0)

密码强度判断,弱中强

html> head>     title>title>       script language="javasc...
阅读(1283) 评论(0)

<textarea>标签怎样禁止拉动

HTML 标签 textarea 在大部分浏览器中只要指定行(rows)和列(cols)属性,就可以规定 textarea 的尺寸,大小就不会改变,不过更好的办法是使用 CSS 的 height 和 width 属性,但是Chrome,Safari和FireFox渲染的效果不同,可以拖动右下角图标改变大小。但是过分拖动大小会影响页面布局,使页面变得不美观。可以通过添加如下两个样式:1.禁用拖动2固...
阅读(928) 评论(0)

div垂直水平自适应居中解决方法

以下代码兼容主流浏览器IE6、IE7、Firefox、google、Opera。 从最简单的开始………… 一、如何让一个DIV水平居中? 这个简单不作过多说明! 代码如下: body { text-align:center} #info{ margin:0 auto; width:500px; text-align:left; border:1px so...
阅读(474) 评论(0)

加入收藏、设为首页代码,兼容360/火狐/谷歌/IE等主流浏览器

加入收藏、设为首页代码,兼容360/火狐/谷歌/IE等主流浏览器。 加入收藏: function AddFavorite(title, url) {     try {         window.external.addFavorite(url, title);     } catch(e) {         try {     ...
阅读(1213) 评论(0)

PHP 分页代码

php make page list    .page a:link {  color: #0000FF;  text-decoration: none;  }  .page a:visited {  text-decoration: none;  color: #0000FF;  }  .page a:hover {  text-decoration: none;...
阅读(553) 评论(0)
105条 共7页1 2 3 4 5 ... 下一页 尾页
    个人资料
    • 访问:66260次
    • 积分:1421
    • 等级:
    • 排名:千里之外
    • 原创:55篇
    • 转载:50篇
    • 译文:0篇
    • 评论:27条
    文章分类
    最新评论