浏览模式: 标准 | 列表

CSS背景backgroud各项参数介绍

作者:memory 发布时间:2011-10-22, 00:28:31 分类:前端设计 阅读:364

background 简写属性在一个声明中设置所有的背景属性。
可以按顺序设置如下属性:
    background-color
    background-image
    background-repeat
    background-attachment
    background-position 
如果不设置其中的某个值,也不会出问题,比如 background:#ff0000 url('smiley.gif'); 也是允许的。
通常建议使用这个属性,而不是分别使用单个属性,因为这个属性在较老的浏览器中能够得到更好的支持,而且需要键入的字母也更少。

区分中英文字符的两种方法: 正则和charCodeAt()方法

作者:memory 发布时间:2011-10-21, 07:22:08 分类:前端设计 阅读:332

最近在为项目写登录注册系列页面, 表单验证无疑是不可缺少的部分, 在这个jQ插件满天飞的web年代, 表单验证倒也不是难事. 但再好的插件, 也并不能做到十全十美, 比如这次用到的我先前介绍过的Vanadium表单验证插件, 因为是E文中不存在占2个字符的字, 所以, 区分中英文字符就得自己扩展. 本文就将介绍两种区分中英文字符的方法: 利用正则和charCodeAt方法区分中英文字符.

利用sort()和Math.random()实现元素的随机排列

作者:memory 发布时间:2011-10-21, 07:20:07 分类:前端设计 阅读:345

一个随机排列元素的方法, 其实之前是在摄影页面写的一个小效果.
实现方法
利用Math.random()产生随机数, 再通过sort()进行随机排列.
核心代码

奇或偶数行高亮显示及鼠标划过高亮显示类

作者:memory 发布时间:2011-10-21, 07:18:28 分类:前端设计 阅读:304

奇或偶数行高亮显示及鼠标莫过高亮显示,一个经常用到的效果,也能谷歌到大把的这种效果JS,但好像还没有一个封装成类直接用的.想象自己当初谷歌这个类时,还真没少折腾时间.
花了点时间,封装成了一个类(附带一个添加样式的类),适合初学者,直接调用函数即可,无需改代码.

JS计时器setTimeout()与setInterval()方法的区别

作者:memory 发布时间:2011-10-21, 07:16:10 分类:前端设计 阅读:390

计时器setTimeout()与setInterval()是原生JS很重要且用处很多的两个方法, 但很多人一直误以为是相同的功能: 间隔时间重复执行传入的句柄函数. 但实际上, 并非如此, 既然JS给出了两个不同的命名, 肯定有其迥异之处.

实现checkbox的全选/全不选/点选/行内点选(原生JS版和jQ版)

作者:memory 发布时间:2011-10-21, 07:15:21 分类:前端设计 阅读:318

日常项目中, 对于列表类文章或数据, 大概都会用到checkbox的全选或全不选的功能, 以前的项目中也写过checkbox的选择js, 但都没有整理过. 正好前几天一个兄弟遇到了这个问题, 索性, 我花了点时间, 用原生JS与jQuery分别写了一个版本, 考虑到使用时灵活性问题, 未封装, 需要的童鞋使用时自行改下相关参数.

原生JS获取元素样式属性值的方法

作者:memory 发布时间:2011-10-21, 07:12:19 分类:前端设计 阅读:359

实际应用中, 获取元素样式在实际应用中一定常用到, 若是纯粹html中, 直接elem.style.attr就可获取, 但更多的时候我们是要从CSS中获取元素的最终样式属性.所以, 我们得利用IE的currentStyle和W3C的getPropertyValue获取.
记得精通JavaScript 一书中获取元素位置那一节(忘了是第6还是第7章), 有获取元素样式属性值更详细的解释. 第一次知道document.defaultVies.getComputedStyle就是从这本书来的. 很棒的一本书, 有兴趣的朋友话一定要看看.

JS实现动态显示当前时间(12/24小时制)

作者:memory 发布时间:2011-10-21, 07:11:35 分类:前端设计 阅读:363

今天又要用到动态显示当前时间,且要求可以切换24/12小时制, 记得很久前写过一个24小时制的,但一时没能找着, 于是又重新写了个,若有需要的朋友自行复制粘贴一份吧.
很简单的一个功能函数,实现方式不多言,用Date()对象获取到当前时间,然后用setTimeout每隔1秒获取最新的时间.

原生JS实现淡入淡出效果(fadeIn/fadeOut/fadeTo)

作者:memory 发布时间:2011-10-21, 07:10:09 分类:前端设计 阅读:364

淡入淡出效果,在日常项目中经常用到,可惜原生JS没有类似的方法,而有时小的页面并不值得引入一个jQuery库,所以就自己写了一个,已封装, 有用得着的朋友, 可以直接使用. 代码中另附有一个设置元素透明度的方法, 是按IE规则(0~100)设置, 若改成标准设置方法(0.00~1.00), 下面使用时请考虑浮点精确表达差值

一些常用且实用的原生 JavaScript函数

作者:memory 发布时间:2011-10-21, 07:03:21 分类:前端设计 阅读:361

日常开始中常用到的一些原生JavaScript函数,比较实用, 今天特地整理一下,分享给大家,希望对大家有用,会常更新,同时也欢迎大家补充.
css及html方面的技巧总结,点此前往: 前端开发中一些常用技巧总结, 你还可以前往兰芝博客, 查看由淘宝UED整理的前端tips: http://www.12sui.cn/category/css/.

实例讲解javascript原生AJAX 入门篇 GET篇

作者:memory 发布时间:2011-10-21, 06:56:52 分类:前端设计 阅读:355

相对于jQuery、YUI以及其他一些类库的AJAX封装,原生JS的AJAX显得那么的尴尬,兼容性不好,要记很多的方法属性,调用不便捷,代码臃肿…但我还是想说,原生JS才是最根本最底层的知识(虽然实际项目中我也是以jQuery AJAX为主,为什么?高效!),求木之长者,必固其根本。

mo.js 制作点击显示 再次点击隐藏的功能

作者:memory 发布时间:2011-10-18, 07:49:30 分类:前端设计 阅读:421

mo.js 制作点击显示 再次点击隐藏的功能
此功能源自化龙巷的常州通首页效果
在仿此站界面时 因此功能暂时不用 故在此记下一笔
第5页共18页123456789