摘要：
如图：类似这种菱形的不规则导航一般有三种制作方法：第一种：将LINK和HOVER 两种状态的图片 合成一个CSS Sprite,通过定位，制作出相应的效果；第二种：是将LINK和HOVER 两种状态的图片分别制作成CSS Sprite，然后分别定位；第三种：就是用绝对定位；以上三种方式，都必须要用图片，那么，如何不用图片就可以做出效果呢？答案是：用CSS 和 XHTML画出来;这样做的好处就是，优化前端性能！ google的工程师们就是这样做的。上面的图是在VS里的效果：这种梯形结构，使用 <b><b/> 一个一个搭起来。下面是代码结构：View Code 1 < 阅读全文
摘要：
这是转自9RIA的一片文章，觉得很适合初识FLASH AS3.0的同学们，所以转过来给cnblogs的同学们做参考： 深入理解ActionScript 3.0的事件框架 在这篇教程里，我将会解释关于ActionScript 3.0事件框架的一些东西。看完这篇教程，你就会对“事件”，“事件触发者”和“事件监听器”如何工作有一个清晰的认识。 你将会学到什么？ 因为AS3的事件框架很庞大，我们将会分别学习组成事件框架的所有部分。包括以下几方面： 1，事件 2，事件触发者 3，事件监听器 4，事件流 5，常用事件 6，注意事项和技巧第1步：事件框架的简化描述 我深知如果直接开始讲专业术语，你会很难理解 阅读全文
摘要：
运用jQuery在配合漂亮的UI，就可以做出让用户赏心悦目的体验。下面这个小例子，灵感来源于百度有啊的应用（现在好像没有了），就是当鼠标移上去和移除，图标会有缓动的效果。效果不比flash的差。下面是的效果图：图标很好设计，在这里就不教大家怎么设计了。下面是JQ的代码部分： 1 $(function(){ 2 //append img to LI 3 $("#nav-shadow li").append('<img class="shadow" src="images/reflaction_pic.jpg" width= 阅读全文
摘要：
网络上很很多这种效果的JS写法，但是还没有看见用jQuery写的，效果实现很简单，确切的说是用jquery实现这个效果很简单，这就是jquery的强大和魅力所在。希望对大家有用。下面是效果图：效果实现基于jq的 .html()方法。大大简化了对DOM的操作。下面是代码：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html> <head> <meta http-equiv=&qu 阅读全文
摘要：
众所周知IE6不支持透明的PNG图片,而PNG图片在Web设计方面表现力上，具有其它图形格式所达不到的效果，IE6这一致命缺陷极大地限制了Web设计的创意发挥。虽然解决IE6的透明PNG的方法也很多,从使用IE特有的滤镜或是expression,再到javascript+透明 GIF替代.但是这些方法都有一个缺点,就是不支持CSS中backgrond-position与background-repeat属性。而使用DD_belatedPNG.js可完美的解决IE6下PNG图片透明问题，并且支持backgrond-position与background-repeat. 这是其他方法所 阅读全文
摘要：
web2.0时代，tab选项卡被广泛的运用在页面中，下面通过这一实例，介绍如何用jQuery快速实现tab的方法。下面是效果图：下面是本实例的完整代码： 1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 2 <html> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; ch 阅读全文
摘要：
在项目中遇到的需求，效果是仿淘宝的。写出来和他家分享下，很简单的东西。^_^只是初始状态；这是点击后效果。首相分析下需求：1，首先在页面中创建导航，单击标题的时候，隐藏内容，同时小图标也改变。2，单击更多的时候，显示隐藏的链接内容，并将"更多"变成"简化"，改变小图标，并高亮部分链接。下面是完整代码： 1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 2 <htm 阅读全文