前端开拓者 - 独行在前方的开拓者

语法：text-shadow ： none | none | [, ] * 或none | [, ]*相关属性：无取值：<color> ：指定颜色。 <length> ：由浮点数字和单位标识符组成的长度值。可为负值。指定阴影的水平延伸距离。 <opacity> ：由浮点数字和单位标...

CSS3 , text-shadow

4402

品味人生 · 2012-11-22 22:14:28

web前端开发

网页前端关于如何命名css样式

网页制作中规范使用DIV+CSS命名规则，可以改善优化功效特别是团队合作时候可以提供合作制作效率，具体DIV CSS命名规则CSS命名大全内容如下：页头：header 如：#header{属性:属性值;}或.header{属性:属性值;},也许你需要了解class与i...

CSS3 , 边框过渡

5293

品味人生 · 2012-11-21 20:33:29

技术资源分享

纯CSS3的边框过度效果，实测攻略

上一期介绍了CSS3 + jQuery 的放大镜效果实测。这一期为大家带来边框过度的CSS3样式效果。该效果完全由CSS3的 :hover事件与 transition 样式组成，是不是觉得很炫？代码测试：CSS3边框过度效果_frontopen.combody { padding: 100px 20px;} a { bac...

CSS3 , 边框过渡

4812

品味人生 · 2012-11-21 19:47:14

未分类

CSS3中的box-reflect倒影样式

IE6 , z-index无效

4174

品味人生 · 2012-11-20 22:39:39

浏览器兼容

IE6中部分情况下z-index无效的原因，以及解决办法

一、匆匆带过的概念关于CSS中层级z-index的定义啊什么的不是本文的重点，不会花费过多篇幅详细讲述。这里就简单带过，z-index伴随着层的概念产生的。网页中，层的概念与photoshop或是flash中层的概念是一致的。熟悉photoshop或是f...

IE6 , z-index无效

6282

品味人生 · 2012-11-19 22:59:12

CSS3

CSS3中的border-image样式应用详解教程

border-image是CSS3中诞生的新样式，它可以让从前纯色的边框样式使用图片来替代，更便于做出个性化的div边框，是不是觉得很带感？一起来试试吧。   语法： border-image：<border-image-source> || <border-image-slice> [ / <...

CSS3 , 教程

5470

品味人生 · 2012-11-18 20:34:53

Javascript开发

javascript实现在图片读取的时候出现进度条....

<title>JS实现的图片加载进度条_网页代码站(http://www.frontopen.com</title><script>var l=0;var imgs;var sum=0;function chk(){document.getElementById("aa").innerText=""+((sum-l)*100/sum)+"%"l--;if (l==0){for (var i=0;i<imgs.length;i++){imgs[i].style.display='';}}}&lt...

CSS3 , jQuery , 放大镜

6694

品味人生 · 2012-11-18 19:45:44

jQuery源码分享

CSS3和jQuery的放大镜实例，实测攻略

转自国外的 CSS3和jQuery的11个实例教程，里面有11种的CSS3和jQuery 实现的惊人特效。这么给力的东西，必须要仔细研究一番。废话不多说，奉上第一个实例的实测与中文注释。效果预览：  代码测试：放大镜测试实例$(doc...

CSS3 , jQuery , 放大镜

4521

品味人生 · 2012-11-17 08:12:16

相关文档

转载 - CSS3和jQuery的11个实例教程

引进CSS3带来了很多令人兴奋的Web开发行业。CSS 3D变换的支持下，在以前是不可能的，这是可能的。CSS3只是一个造型技术在网页设计中常用的，但引进的动画性能和3D转换属性，我们可以很容易地创建很酷的动画，加上相结合的J...

CSS3 , jQuery

4217

品味人生 · 2012-11-16 21:43:16

移动设备开发

Iphone手机、安卓手机浏览器控制默认缩放大小的方法

可能大家发现自己制作的手机端页面，默认打开的时候并不是在理想的缩放状态下。遇到这样的问题，需要在head标签下，添加meta解决。代码如下： <meta name="viewport" content="width=device-width; initial-scale=1.0; minimum-scale=1.0; maximum-...

iphone , 安卓 , 手机 , 浏览器缩放

6171

品味人生 · 2012-11-16 13:58:17

jQuery源码分享

tab折页标签的通用性JS代码（jQuery）

JS部分部分：$(document).ready(function () {$('#sct1 a').click(function () {var j = $('#sct1 a').index($(this)[0]);$('#sct1 a').eq(j).addClass('current').siblings().removeClass();$('.sct1_div').eq(j).show().siblings('.sct1_div').hide();return false;});});html部分： <div id="sct1"><a...

JS代码 , 实用 , 折页代码

5397

品味人生 · 2012-11-16 20:38:44

Discuz

discuz手机wap版模板开发方式简述

近期项目需要对discuz论坛的手机模板进行开发调整。在官方论坛和搜索引擎找了很久，都没有找到相应的文章，只好自己着手开始研究。手机模板文件的所在目录： ../template/default/mobile | 手机模板文件的主目录 ../template/de...

discuz , wap , 开发 , 手机版 , 模板

7123

品味人生 · 2012-11-15 21:46:01

web前端开发

关于网页前端的html使用技巧1

条件注释:  < !--[if lte IE 6]> ……< ![endif]--> Ite：是小于或等于IE6浏览器。条件注释只能在IE下使用，...

BUG , IE , IE6 , IE7 , 浏览器兼容性

4382

品味人生 · 2012-11-15 16:37:32

CSS3

CSS3中的border-radius样式应用详解教程

border-radius是CSS3中诞生的新样式，它可以使边框的边角变成弧形和圆角。以往制作按钮、弧形边框时需要使用背景切图的方式实现；不但臃肿，而且还容易产生布局BUG，不适于自适应框架的书写。首先介绍一下语法： border-radiu...

CSS3 , 圆角 , 教程

5294

品味人生 · 2012-11-14 19:58:53

移动设备开发

移动设备web页在PC上的最佳调试方法

PC上实现对各种移动设备调试，一直以来都没有很好的办法。最近自己的项目也涉及到了移动设备端的应用开发，从移动设备上对代码进行调试着实不方便。平时在电脑上，对普通的web网页进行调试时，可以使用Chrome、火狐、欧...