"示例" 分类下的全部文章
基于Flash的网站与基于HTML+CSS的网站最大的区别在于前者往往可以实现漂亮的动画效果,而在后者不是那么容易。不过这种情况在逐步改变,逐步涌现的诸如Jquery,ExtJs,Moo,YUI等Javascript库使这个工作变得容易许多。下面的一个示例是通过使用CSS Sprites技术,结合Jquery实现的一个动感十足的菜
我们经常可以看到网页设计中使用Tab标签切换的方式来展示网页内容。以我的理解,这样做有两点好处:节约了网页空间而展示了更多的内容;将不同分类的内容放在不同标签下,结构清晰。 下面就给大家介绍一款通过Jquery实现Tab标签效果的示例。
我们注意到:在一些CMS系统(包括Wordpress)提供的默认模板中,在链接的title属性中重复设定为该链接的文本内容,如下:
<a href='http://css9.net' title='链接文本'>链接文本</a>
我不晓得他们为什么会这么做。也许开发者认为这样做可以改进易用性或是能够讨好搜索引擎。其实,这样做不会对你的用户带来任何好处。
我们有时会需要在网站的某个页面禁用右键,甚至构建个性化右键菜单,在Jquery中可以用下面代码实现:
$(document).bind('contextmenu',function(e){ //在这里书写代码,构建个性右键化菜单 //取消默认的右键菜单 return false; });
你在网站中是怎样引入jquery脚本库的呢?很多人是这样做的:
<script type='text/javascript' src='/js/jQuery.min.js'></script>
其实我们可以通过Google的CDN(在计划要发布的“网站前端优化系列”文章中,会着重讲解CDN,敬请关注)服务来载入jquery库。相比上面的做法,这样会获得更好的性能。代码如下:
《高性能网站建设指南》(《High Performance Web Sites》)第5章如是说:’Link标签代替@imort标签能带来性能上的收益;@import规则有可能导致白屏现象;使用@import会导致组件下载的无序性。’
在网页设计中,当页面较长或是想实现一个导航效果时,我们经常会用锚点来实现同一页面间不同位置的跳转。但是这样做也许会造成用户的一种困惑——当用锚点跳转时,页面内容瞬间发生了改变,用户也许就会想:我还在原来的那个页面上吗?如果我们能把这种情况做成平滑滚动的效果(而非瞬间跳转到页面的另一个位置),就可以获得一个好的用户体验。


