一、简介
1.1、概述
随着WEB2.0及ajax思想在互联网上的快速发展传播，陆续出现了一些优秀的Js框架， 其中比较著名的有Prototype、YUI、jQuery、mootools、Bindows以及国内的JSVM框架等，通过将这些JS框架应用到我们 的项目中能够使程序员从设计和书写繁杂的JS应用中解脱出来，将关注点转向功能需求而非实现细节上，从而提…
一般来说，我们在写博客或做网站时都需要对插图做一些效果，比如增加阴影、图片圆角、倒映等等。这些效果一般可以用3个方法实现，一是用PS实现对图片进行修改，二是使用CSS，三是使用JavaScript。使用PS会破坏原图，而且要花费一定的时间。Netzgesta上有很多实现图片特效的JavaScript提供下载，很多效果都是相当漂亮的。 1、水倒映 这个js将为图片添加水倒映的特效，时下web2.0站点很喜欢这种效果。 如果你喜欢在线生成水倒映效果，可以参考这里。 js下载链接 2、圆角+阴影 或许你记得用RoundPic能在线生成圆角图片，事实上用这个js也可以实现效果。 js下载链接 3、高光圆角阴影 这个效果可以用来做按钮。是我最喜欢的特效之一。 js下载链接 4、斜光阴影效果 和上面的效果看起来非常相似，但也有不同的地方。 js下载链接 5、相框效果 如果你在做图片博客，可以你会喜欢这个js，使用后博客文章内的图片都有相框的效果。 js下载链接 6、黑色相框 不喜欢白色没有立体感的相框，那试试这个立体感充足的js效果吧。 js下载链接 7、放大镜 一个很有趣的js，实现放大镜效果。记得在去年Google开发者日的时候，某个主讲人也有说到在GMaps里实现放大镜的有趣效果。具体效果点击这里。 js下载链接 8、菲林效果 如果你在写一个电影博客，这个效果或许会让你喜欢。 js下载链接 9、花边效果 很简单的图片花边效果。 js下载链接 10、翻页效果 翻页效果是很常见的，Google一下你会发现有很多相关的教程，如果你不想花时间去学，直接下载这个js吧。 js下载链接 安装使用方法： 将下载的压缩包解压之后上传到网站空间，然后在需要显示效果的head里添加代码，比如高光阴影效果Glossy，添加的代码是： <script type=”text/javascript” src=”glossy.js”></script> 对于WordPress，可以在header.php里添加。如果只要求文章页里出现效果，也可以考虑在single.php里添加。 然后，在想要显示特效的图片的<img>标记里添加： class=”glossy” 这样效果就出现了。 其它效果添加方法类似。 via BlogOhblog。 Related items thickbox在IE6,IE7,IE8下窗口不在中间的bug修复 使用juqery创建加载消息Using JQuery for an Ajax loading message 关于jquery在windows [...]
Also filed in
|
|
一、简介 1.1、概述 随着WEB2.0及ajax思想在互联网上的快速发展传播，陆续出现了一些优秀的Js框架，其中比较著名的有Prototype、YUI、 jQuery、mootools、Bindows以及国内的JSVM框架等，通过将这些JS框架应用到我们的项目中能够使程序员从设计和书写繁杂的JS应 用中解脱出来，将关注点转向功能需求而非实现细节上，从而提高项目的开发速度。 jQuery是继prototype之后的又一个优秀的Javascrīpt框架。它是由 John Resig 于 2006 年初创建的，它有助于简化 Javascrīpt™ 以及Ajax 编程。有人使用这样的一比喻来比较prototype和jQuery：prototype就像Java，而jQuery就像ruby. 它是一个简洁快速灵活的Javascrīpt框架，它能让你在你的网页上简单的操作文档、处理事件、实现特效并为Web页面添加Ajax交互。 它具有如下一些特点： 代码简练、语义易懂、学习快速、文档丰富。 jQuery是一个轻量级的脚本，其代码非常小巧，最新版的Javascrīpt包只有20K左右。 jQuery支持CSS1-CSS3,以及基本的xPath。 jQuery是跨浏览器的，它支持的浏览器包括IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+。 可以很容易的为jQuery扩展其他功能。 能将JS代码和HTML代码完全分离，便于代码和维护和修改。 插件丰富，除了jQuery本身带有的一些特效外，可以通过插件实现更多功能，如表单验证、tab导航、拖放效果、表格排序、DataGrid，树形菜单、图像特效以及ajax上传等。 jQuery的设计会改变你写Javascrīpt代码的方式，降低你学习使用JS操作网页的复杂度，提高网页JS开发效率，无论对于js初学者还是资深专家，jQuery都将是您的首选。 jQuery适合于设计师、开发者以及那些还好者，同样适合用于商业开发，可以说jQuery适合任何Javascrīpt应用的地方，可用于不同的Web应用程序中。 官方站点：http://jquery.com/ 中文站点：http://jquery.org.cn/ 1.2、目的 通过学习本文档，能够对jQuery有一个简单的认识了解，清楚JQuery与其他JS框架的不同，掌握jQuery的常用语法、使用技巧及注意事项。 二、使用方法 在需要使用JQuery的页面中引入JQuery的js文件即可。 例如：<scrīpt type=”text/javascrīpt” src=”js/jquery.js”></scrīpt> 引入之后便可在页面的任意地方使用jQuery提供的语法。 三、学习教程及参考资料 请参照《jQuery中文API手册》和http://jquery.org.cn/visual/cn/index.xml 推荐两篇不错的jquery教程：《jQuery的起点教程》和《使用 jQuery 简化 Ajax 开发》(说明：以上文档都放在了【附件】中) 四、语法总结和注意事项 1、关于页面元素的引用 通过jquery的$()引用元素包括通过id、class、元素名以及元素的层级关系及dom或者xpath条件等方法，且返回的对象为jquery对象（集合对象），不能直接调用dom定义的方法。 2、jQuery对象与dom对象的转换 只有jquery对象才能使用jquery定义的方法。注意dom对象和jquery对象是有区别的，调用方法时要注意操作的是dom对象还是jquery对象。 普通的dom对象一般可以通过$()转换成jquery对象。 [...]
Also filed in
|
|
