KylinBL的专栏

谋定而后动,三思而后行。

关于使用js的setAttribute和getAttribute取dom属性在ie ff safri下的问题

今天写一个导航时,用了一段纯js来设置html元素的css class类,代码如下: var subdivs = obj.getElementsByTagName("DIV"); var subas = obj.getElementsByTagName("A&qu...

2014-02-27 16:28:59

阅读数:5102

评论数:0

分享一个js省市县联动代码

不需要访问后台服务器端,不使用Ajax,无刷新,纯JS实现的省市区三级联动。 当省市区数据变动是只需调正js即可。 下面是示例: demo.html 纯JS省市区联动 省: 市: 区: 省: 市: 区: addressInit('cmbProvinc...

2013-02-21 09:30:04

阅读数:4024

评论数:0

js搞定网页的简繁转换

对网页进行简繁字体转换的方法一般有两种:一是使用《简繁通》这样的专业软件,另外一种是制作两套版本的网页。显然,这两种方法都较为麻烦,而且专业软件一般不能用于免费的空间。笔者在这里给大家提供一个非常简单的方法,只须在页面上添加几行代码就可以轻松搞定网页的简繁转换了。    首先下载用于简繁转换...

2012-12-21 00:31:24

阅读数:5333

评论数:0

align的AbsBottom 、AbsMiddle 、Baseline 、Bottom 、Left 、Middle

AbsBottom 图像的下边缘与同一行中最大元素的下边缘对齐。  AbsMiddle 图像的中间与同一行中最大元素的中间对齐。  Baseline 图像的下边缘与第一行文本的下边缘对齐。  Bottom 图像的下边缘与第一行文本的下边缘对齐。  Left 图像沿网页的左边缘对齐,文字在图...

2012-11-06 22:11:48

阅读数:1209

评论数:0

jQuery实现可移动(draggable)和可缩放(sizable)网页元素

找了很多插件,发现还是自己写的比较熟悉,还可以输出各种参数。 一、移动和缩放需要的事件 jQuery提供了很多事件,移动和缩放需要的只要三个:movedown、mousemove、mouseup,鼠标按下的时候表示开始可移动和缩放;鼠标移动时,元素随之移动或缩放;鼠标松开时,移动或缩放...

2012-08-29 16:17:21

阅读数:5499

评论数:3

CSS垂直翻转背景图片重用实例页面(类似淘宝的上下倒三角)

淘宝网顶部条条上下拉列表项都有个向下的卡哇伊的小三角,如下图所示: 鼠标移上去小三角就会转向: 但是呢,淘宝的做法是让小三角旋转个180度,啧啧啧,这里的小三角幸好是左右对称的,如果是长得类似◢的小三角,就只有望洋兴叹的份了。所以,为了更广泛地适应各类翻转情况,不要去使用180...

2012-08-09 09:28:38

阅读数:6019

评论数:0

跨浏览器的inline-block

啊,inline-block,挺难琢磨并且迷人的声明上承诺了很多,其实提供了很少。很多次我拿到类似这样的 PSD 文件: 就哭了。 一般说来,这种类型的布局是小菜一桩。固定宽度,固定高度,向左浮动就解决了。但是,这个设计中内容的多少是可变的,这就意味着如果这些块中的一些内容比其...

2012-08-08 21:51:52

阅读数:857

评论数:0

去除inline-block元素间的空隙

inline-block元素在布局时会给我们带来很多方便,但它有一个明显的bug,就是inline-block元素间会有一个4px的间隙(有的浏览器可能是8px)。废话不多说了,直接讲解决方法吧。 总体来时可分为两种方法,一种是改变html结构法,另一种是css法。 先说第一种,比如下...

2012-08-08 19:25:37

阅读数:1258

评论数:0

JavaScript变量作用域

JavaScript变量作用域 变量作用域是每门编程语言都会涉及的话题,也是作为一名程序员必需掌握的知识点,能深入掌握变量作用域更有助于你编写稳定的程序。 JavaScript本身作为一门简单的语言,就其变量作用域问题一样令不少人头晕,这主要是因为JavaScript闭包的存在。本文...

2012-07-19 09:32:42

阅读数:2146

评论数:0

javascript定义类或对象的几种方式

工厂方式 原始的方式 因为对象的属性可以在对象创建后动态定义,所有许多开发者都在 JavaScript 最初引入时编写类似下面的代码: var oCar = new Object; oCar.color = "blue"; oCar.doors = 4; oCar.m...

2012-07-18 14:52:22

阅读数:613

评论数:0

分享一个不错的reset.css

/* KISSY CSS Reset 理念:1. reset 的目的不是清除浏览器的默认样式,这仅是部分工作。清除和重置是紧密不可分的。 2. reset 的目的不是让默认样式在所有浏览器下一致,而是减少默认样式有可能带来的问题。 3. reset 期望提供一套普适通用的基础样...

2012-04-24 23:38:19

阅读数:973

评论数:0

快速写出较好CSS的5种方法

1. Reset Photo by redux 真的,要一直使用一个reset,无论是使用Eric Meyer Reset、YUI Reset、或者你自己的定制的reset,一定要使用。 这可以简单到仅仅将所有元素中的margin和padding属性去掉:...

2012-04-24 21:55:58

阅读数:821

评论数:0

怎样将用户名和密码保存到Cookie中? (html部分)

在网站中,我们经常看到每当我们准备登陆时,网页询问我们是否保存用户名和密码,以便下次登陆时不用再次输入。诸如此类的功能如何实现哪?经过两天的研究,终于有了收获!现将我的经验与大家分享。       在网页中记录用户的信息通常有如下几种方式:Session、Cookie、以及.Net环境下的Vie...

2012-03-19 22:13:10

阅读数:25120

评论数:1

javascript实现图片折角效果

今天看joomla后台,当鼠标放在一个图标上时,背景图有一个动态的卷角效果,感觉蛮灵动的,于是在网上搜了下, 找到一个javascript版本的,可惜javascript水平有限,没全看懂,先记下来,以后慢慢研究。 先上效果图: 原图: 折角图: ...

2012-03-10 00:42:08

阅读数:1083

评论数:0

js图片随机飘浮代码

var x = 0,y = 0 //浮动层的初始位置,分别对应层的初始X坐标和Y坐标 var xin = true, yin = true //判断层的X坐标和Y坐标是否在在控制范围之内,xin为真是层向右移动,否则向左;yin为真是层向下移动,否则向上 var step = 1 //层移动的...

2012-03-07 17:54:17

阅读数:2191

评论数:0

js文件解密

今天无意中看一以一个网站,一个生成表单的功能做得不错,于是整个down下来想研究下,一看里面的js文件傻眼了,整个js代码包在一个eval()里,里面是一些看不懂的正则替换,估计是加密过了,找了好久才找到个不错的js解密网站:http://jsbeautifier.org/,把代码贴进去,处理了下...

2012-02-10 11:54:37

阅读数:2396

评论数:0

设计师必备的用户界面设计工具,工具包和资源

都是一些UI界面与设计使用的元素,软件,网站等。内容很丰富,适合网页设计师,用户体验设计师,界面设计师,产品设计师,JS前段开发,手机产品设计,ipad产品设计等使用 Lumzy Lumzy是一个网站应用和原型界面制作工具。使用Lumzy,您可以轻松创建U

2011-08-25 09:48:56

阅读数:2027

评论数:0

Web开发人员应当收藏的10个网站

互联网上有数百万的网站可以提供服务,其中只有一些对Web开发员来说是极为有效的工具。在本文中,Jean-Baptiste Jung整理出了10个极有用的网站,绝对值得Web开发者收藏到书签中。   1. Mysql Format Date   通过MySQL DATE

2011-08-22 14:50:21

阅读数:766

评论数:0

清除浮动

浮动是一个有意思(你也可以说它很麻烦)的CSS属性,任何元素设置了浮动,层级就提高了,会影响它后面没设置浮动的元素,这些倒霉的被影响者会跑到浮动层的下面去(当然IE6、IE7除外),代码看起来是这样: 复制代码 效果

2011-08-22 14:49:13

阅读数:1170

评论数:0

jquery插件收集

http://www.cnblogs.com/zhuoyr/archive/2011/03/03/1970296.html

2011-07-26 14:58:53

阅读数:593

评论数:0

提示
确定要删除当前文章?
取消 删除
关闭
关闭