标签归档:jQuery

解决ie6浏览器,JSON未定义错误

ie6 這個微軟一直遲遲不更新的瀏覽器, 已經需要被淘汰的版本, 卻因為微軟壟斷市場不求進步而沿用至今!
造成目前google, safari, 與firefox..等瀏覽器都慢慢吃掉IE市佔! 微軟才拼命推出更新, 真的是要壓力才會進步…
win7已經搭配最新IE8, 這是好事! 各家公司推出自己最棒的產品互相競爭

 

IE6 我遇到了 json 未定義的問題! 其實是因為我有使用jquery當中有包含json的內容
google了一下發現不難解決, 紀錄一下:

去下载一个json2.js这个文件加到所在页面就可以了
官網
http://www.json.org/

裡面有json2下載點
https://github.com/douglascrockford/JSON-js


使用方式:
< script type="text/javascript" src="json2.js">< /script>

jQuery-强大的jQuery选择器 (详解)

1. 基础选择器 Basics

名称 说明 举例
#id 根据元素Id选择 $(“divId”) 选择ID为divId的元素
element 根据元素的名称选择, $(“a”) 选择所有<a>元素
.class 根据元素的css类选择 $(“.bgRed”) 选择所用CSS类为bgRed的元素
* 选择所有元素 $(“*”)选择页面所有元素
selector1,
selector2,
selectorN
可以将几个选择器用”,”分隔开然后再拼成一个选择器字符串.会同时选中这几个选择器匹配的内容. $(“#divId, a, .bgRed”)

继续阅读

jQuery快速入门避免少走弯路

一、JQuery的环境配置

1、JQuery分为压缩版和非压缩版

2、$=JQuery

3、$(document).ready(funtion(){});  相当于 $(function(){});

4、注释用//

5、DOM对象与JQuery对象的相互转换

var $variable (jquery对象) =$(variable)(Dom对象);

var variable(Dom对象)=$variable[0]或$variable.get(0)  (JQuery对象)

6、与其他JS库冲突的解决(主要是$符号谁生效的问题)

[1]、在其他库之后导入

使用前:先调用jQuery.noconflict(); ————$会被释放给jQuery库, 就是说在使用jquery库之前先声明一下 “我下面要用的是jquery的用法,$符号代表jquery了”

[2]、在其他库之后导入

不必调用jQuery.noconflict(); ,直接用就行了

继续阅读

分享8个超酷的javascript类库和jQuery插件帮助你打造超炫的网站和web应用

是不是想创建更加吸引眼球的网站和web应用?是不是想让你的网站和应用让用户感觉更加与众不同?如果你想让你的网站显得鹤立鸡群的话,绝对应该看看今天我们给大家推荐的这8个超酷的javascript类库。这些类库可能我们在以前的文章中也介绍过。如果你能够有效地整合到你的网站和web应用中,肯定会让你的网站充满乐趣和创意。我们包含了特种超酷特效,时间线(timeline)等,非常适合创建但页面的网站。大家来看看吧!希望我们的文章请务必给我们留言,谢谢!

Timelinr

jQuery Timelinr是一个简单高效的jQuery插件帮助你提高时间轴的展现方式。绝对会让你的网站显得富有创意并且酷炫无比。这个时间轴同时支持垂直和水平方向的展示。

分享8个超酷的javascript类库和jQuery插件帮助你打造超炫的网站和web应用 - gbin1.com

Timeline

Timeline在前面GBin1的文章中我们也介绍过,非常酷的一个时间轴的实现,支持整合各种不同的来源的内容,例如,图片,视频,iframe站外内容及其各种社交站点来源,twitter,youtube等。整个时间轴使用幻灯显示,非常拥有个性。

分享8个超酷的javascript类库和jQuery插件帮助你打造超炫的网站和web应用 - gbin1.com

TimergliderJS

TimergliderJS插件支持缩放,支持垂直及其水平方向的时间轴显示,并且支持透明自动播放。 一个类似Google地图的时间轴插件,当然这里是展示时间。

分享8个超酷的javascript类库和jQuery插件帮助你打造超炫的网站和web应用 - gbin1.com

Impress.js

绝对会让你尖叫的超棒的演讲展示工具。基于现代浏览器的CSS3变化和过渡效果。如果你第一次见到这个脚本,绝对让你震撼!

分享8个超酷的javascript类库和jQuery插件帮助你打造超炫的网站和web应用 - gbin1.com

Reveal.js

这是一个用来创建演讲展示的脚本,使用3D的幻灯展示工具。不依赖外部的类库,但是包含一个代码高亮的类库highlight.js。

分享8个超酷的javascript类库和jQuery插件帮助你打造超炫的网站和web应用 - gbin1.com

ScrollPath

这个脚本帮助你自定义鼠标滚轮的行为,你可以使用自己定义的方式来展示鼠标滚动的路径和行为。超酷!

分享8个超酷的javascript类库和jQuery插件帮助你打造超炫的网站和web应用 - gbin1.com

Zoomoz

一个简单实用的jQuery插件用来缩放页面上任何元素,非常适合展示产品细节或者自己的作品集。

分享8个超酷的javascript类库和jQuery插件帮助你打造超炫的网站和web应用 - gbin1.com

Chop Slider

chop slider是一个超酷的幻灯展示插件,你可以使用它来创建丰富的过渡效果和特效,122个2D变换效果:这里有105个效果支持所有的浏览器。绝对震撼!

分享8个超酷的javascript类库和jQuery插件帮助你打造超炫的网站和web应用 - gbin1.com