文章关键字 ‘js相关’

团购类网站倒计时的js实现

2010年07月27日,星期二

本文内容很简单,就是展示下如何使用js脚本实现倒计时效果。倒计时效果在团购类网站上可谓必须确定以及肯定会有的,如今团购网站如雨后春笋,一个接一个的冒出来,所以,这类前端效果还是有些实用价值的,故有此文,希望对有需要的同行们提供些帮助。

外甥点灯笼——照旧,有截图,有demo,有代码展示,以及提供必要的文件下载。

阅读全文…

MooTools和jQuery库继承实现class切换对比

2010年07月22日,星期四

本文以通过class切换,实现简单的鼠标悬停效果为实例,展示下MooTools和jQuery库实现继承的差异。通过两者的对比来帮助对这两个库的理解,对于绝大多数同行而言,可能更熟悉jQuery多点,通过对比,可以更好的了解MooTools的思想行为以及一些使用等。

本文提供截图,代码展示,以及源文件打包下载,希望能对您的学习有所帮助。

阅读全文…

jQuery – 鼠标经过(hover)事件的延时处理

2010年07月1日,星期四

月光大人曾说过与下面主要意思一样的话:写博客三五天写一篇重量级的文章,隔个一天两天写个简单,价制度偏低的文章,是比较不错滴。本文就属于有凑篇数之嫌的价值相对偏低的文章。加上本身js还很稚嫩,所以本文内容的方法一般般,仅供参考。

本文的核心内容就是展示可以轻松应用鼠标经过延时执行的jQuery方法,提供必要的demo,提供源代码展示,提供源文件下载,提供必要的截图,希望对需要之人提供一定的帮助。

阅读全文…

代码精简 – 常见JavaScript代码缩写举例

2010年05月31日,星期一

本文内容非常简单,就是展示了JavaScript中一些常见的可以缩写的实例举例,没有demo,没有截图,仅仅是一些代码展示,对于初学者而言是有一定的帮助的。

阅读全文…

图片旋转+剪裁js插件(兼容各浏览器)

2010年05月6日,星期四

在现在的web应用中,对上传的图片,例如头像,原始的摄影照片常常需要在web页面上进行一些处理,常见的处理就是剪裁与旋转。但是,似乎就目前而言,缺少即支持剪裁又支持旋转且轻量级的js插件。于是,我就抽时间写了个简单的插件。

兼容各个浏览器,使用canvas元素实现旋转,封装良好,希望能对您有所帮助。

阅读全文…

纯js无图片无外链CSS图片幻灯片播放插件

2010年05月5日,星期三

美女 一分快三
本文展示我自己写的极轻量级的图片幻灯片播放的插件js,无外链图片,无外链CSS,兼容性性效果俱佳,无需调用外部的库,可谓大图幻灯片播放之首选。
本文提供demo,源文件下载,以及使用示例,希望能对您有所帮助。

阅读全文…

新浪微博插入话题后部分文字选中的js实现

2010年04月14日,星期三


在新浪微博的微博信息发布框下面,有个“话题”按钮,点击这个“话题”文字按钮后,在输入框文本域里面就会添加一段文字“#请在这里输入自定义话题#”,其中“请在这里输入自定义话题”处于被选中的状态,这样用户无需再选中文字,直接敲键盘就可以替换这部分内容,这是非常好的一个提高用户体验的细节。
本文就像详尽的讲解这种效果的实现,提供详尽的代码展示,必要的截图,以及demo示例页面,希望能对您的学习有所帮助。

阅读全文…

JavaScript实现http地址自动检测并添加URL链接

2010年04月14日,星期三

给http字符自动添加URL链接是比较常见的一项功能。本文主要讲解如何使用JavaScript实现URL地址自动添加链接的实现。略微展开讲述了JavaScript正则表达式的一些概念。内容虽小,讲解甚细。
本文提供丰富的代码示例,提供详尽的页面截图,以及必要的demo测试页面,希望能对您的学习有所帮助。

阅读全文…

IE下css bug集合-翻译自haslayout.net

2009年12月14日,星期一

本文翻译自haslayout.net,里面集合了IE6,IE7,IE8下的bug们,每个bug都有一个相应的教程页面,教程页面有关于bug的介绍,产生原因以及解决方法等。教程页面未翻译直接链接到原项目。本文相对于一个bug集合的中文版首页。虽然我很努力,但是其中难免会有不准确之处,欢迎之处。最后,附上doc版的翻译内容,希望对您有所帮助。

阅读全文…

JavaScript实现新浪微博文字放大显示动画效果

2009年10月31日,星期六

围脖,新浪微博
新浪微博是全中国最主流,最具人气,当前最火爆的微博产品。用一句话随意记录生活,用手机随时随地发微博。用秒杀电视的速度发现最热最火最快最酷最新的资讯。
本文不是讲新浪微博产品的,纯粹的技术文章,用JavaScript上实现微博上一个不错的效果——信息发布后,发布条数放大显的动画效果。提供全真的demo实例页面,可以实时观察效果,提供源文件下载,希望对感兴趣的您有所帮助。

阅读全文…