Hello world!

Welcome to WordPress.com. This is your first post. Edit or delete it and start blogging!

发表在 未分类 | 1条评论

设计素材精品,你一辈子看不完的网站

平面设计与桌面出版http://218.65.214.238/cd/downok/index.asp?typeid=0&page=31★★★(收录有中国传统特色的矢量网站)

位图

综合性http://www.oh100.com/teach/shucaiku/★★★★(图有大有小)

新时代图霸网http://www.mypcera.com/photo/photo.htm ★★★★(图多)

LYCOShttp://photo.lycos.com.cn/class/class_nent.html★★★(美女图多图大)

荆棘图库http://picture.21youth.com/★★★(收有大师作品)

美亚图库http://photo.cnmaya.com/★★★(时事,明星等)

中国传统文化网http://www.enweiculture.com/culture/06/0600/default.htm★★★(有中国传统特色)

火星时代的图库http://www.hxsd.com.cn/web/zydg.htm★★★★(很强的论坛,东西自然也不错)

生物贴图论坛http://www.bio-tea.com/cgi-bin/forums.cgi?forum=19&show=15★★★(生物论坛,不用注册)

伊美姬中国扫图联盟http://www.imagegarden.net/★★★(唯美)

小麦工作室http://www.smartdio.com/teach/index.htm★★★(CD教程与大师作品)

非常图酷:http://www.tucoo.com ★★★★☆暴好的说

Logotype:http://www.logo.nino.ru ★★★★☆一个矢量LOGO网站(英文)

美图:http://www.6to23.com/s8/ ★★★★ 共23376张壁纸(壁纸性质网站)

搜图网: http://www.sophoto.net/cgi-bin/imagefolio.cgi ★★★★内容分类明确,网站简洁

桌面城市:http://www.deskcity.com ★★★ (要注册,图挺精美的)

壁纸好莱坞:http://jimmy.transfar.com ★★★☆ (看名字就知道了)

Wincustomize:http://www.wincustomize.com/ ★★★★☆(英文)

axialis:http://www.axialis.com/ ★★★☆(英文)

Eboy Home:http://www.eboy.com ★★★★☆(一个像素网站,英文)

馨雅壁纸:http://www.365pic.com/cn/index.php ★★☆(动物,飞机,各种壁纸)

中国古代龙纹:http://zzx.shangdu.com/artchina_ … to/long/page_01.htm★★★(一些龙纹图案)

剪纸图库http://www.tjwsg.com/jz/hn/index.html★★★(民间剪纸图)

美多图库http://gallery.inlishui.com/★★(美女,时尚,风光等)

英文

国家地理杂志:   http://www.nationalgeographic.com

於一八八八年成立的美國國家地理學會,是以「增進並普及地理知識」為宗旨的非營利組織。學會的「研究與探索委員會」贊助過的計劃,已超過六千五百件,以促進人類對大地、海洋與天空的知識。而《國家地理雜誌》自一八八八年創刊以來,以精采絕倫的攝影、謹慎真實的文字、精密準確的地圖與生動創意的插圖,獲得全球數千萬讀者的肯定。《國家地理雜誌》於公元兩千年獲得美國雜誌出版最高榮譽─美國雜誌編輯學會之艾力獎,證明這份歷史悠久的刊物,仍是全球雜誌出版的標竿。

国家地理杂志每日一照:http://lava.nationalgeographic.com/cgi-bin/pod/PhotoOfTheDay.cgi

更多的请点击这里:http://lava.nationalgeographic.com/cgi-bin/pod/archive.cgi

campoem收集的矢量图网站

中文的

广捷居:http://www.gjjc.com/6/default.asp

闪盟矢量图库(swf格式):http://www.flashsun.com/home/read.php?qid=vector

闪客兵团矢量图库:http://flahs2000.myrice.com/index6.htm

蓝精灵flash互动网矢量资源:http://www.flashglow.com/flashfla/flashvl.htm

※※※国外经典矢量标志下载网站吐血推荐※※※

http://www.logotypes.ru/ 

http://www.logotypes.lv/

http://logo.tdd.lt/main.htm

http://www.arg.com.pl/bank-menu.htm

http://logo.nino.ru/

http://www.visual.gi/logoteca/logos.html(sit格式)

http://www.doppio.be/DOWNLOAD/LOGOS/index.html 

http://www.imagemaker.com.ru/logos.shtml

http://priv.twoje-sudety.pl/~logoteka/1.htm

世界所有足球俱乐部矢量标志下载:www.hqfl.dk

位图

红意网http://www.nn11.com/Soft_Show.asp?SoftID=297★★★★ (提供打包下)

大千传统图案网http://pattern.myrice.com/★★★(传统特色)

三联素材网http://www.3lian.com/★★★(综合型)

太平洋电脑网http://dlc.pconline.com.cn/column.jsp?dltypeid=4★★★★(综合性)

设计无限http://www.sj00.com/sort/1_1.htm★★★(N多广告飘得你眼花,图还过得去,提供字体,算综合性)

MYDESKCITY   http://www66889.deskcity.com/zxgx.htm★★★(素材区贴过很多次)

艺秀网http://www.yishow.com/download/index.asp★★★(挺不错的,另提供笔刷下载)

景像图片库http://www.viewstock.com/★★★(提供关健字查找)

模版天下http://www.mbsky.com/main.htm★★★(挺不错的)

中国家园网http://www.52jiayuan.com/★★★☆(美女图多图大,另外的也不错)

素材中国http://sc-cn.net/mclass.asp?class=100★★★☆(很不错的网站)

矢量

杭州广告网http://www.hzad.net/adku/asset/index.asp?class_id=9★★★(界面简结)

闪吧http://www.flash8.net/vector/★★★★(挺全的)

重庆北碚朝阳小学http://61.128.235.18/scjpw/g03.htm★★(过得去)

矢量图库http://blbbl.myrice.com/index/tp/tp1.htm★★(还行)

52flash http://www.52flash.net/resdownload.asp★★★(含有字体)

字体网站(中文网站)

建站资源网http://www.chinapsd.com/index.asp(有一些不错的字体)

中国龙 http://www.indeed.com.tw/ 繁体中文展示,有测试字形下载。

http://www.k666.com/down-k666/list.php[/url] 200多种中文字体下载。

新概念娱乐网 http://cool">http://www.deskcity.com/scatalog.asp?scatalog=88 中文字体,桌面、素材等,须要注册才能下载。

英文网站

cubadust http://www.cubadust.com/ (很酷的字体,桌面,素材原创站)

COOL ARCHIVE http://www.coolarchive.com/强烈推荐网站上的字体,全是精品

51">http://www.51 提供很酷的字体下载,可依字母顺序,或使用字形搜索。

My">http://www.truetype.demon.co.uk/ TrueType字体的介绍和搜索。

Danworld url=http://www.">http://www.freeware 字形天堂,可依字母顺序搜索。

PC">http://www.pc">http://www.4yeo.com/">http://www.51">http://www.coolarchive.com/ 字形、图标、背景等。

">http://www.">http://dsg4.com/04/extra/bitmap/ 04类小字体。

Da">http://www.da">http://www.downloadfree">http://www. 按字母排序的多种字体。

">http://www.webfxmall.com/ 包括 PC MAC 等多种字体下载。

中国设计出版家http://www.cndpi.com/★★★★(东西多多,得注册才能使用)

标志大全http://www.333cn.com/shejzyk/bzdquan/index.htm★★★(虽然图不大,但对做logo的朋友是一个很好的参考)

ZHAO5.COM   http://www.zhao5.com/hiliang_714.htm★★★★(矢量图下载)

古城热线http://desktop.xaonline.com/   ★★★(含桌面壁纸和精彩图片,里在风景不错)

时代证卡标志大全http://www.sd369.com/mfcs/bzdq/cyhb1.html★★(还是挺不错的,可下载)

八方美女写真壁纸图片库http://www.88gg.com/★★(综合性图库,美女居多,其它的也不错)

信阳在线图库频道http://www.3760.net/tu/index.asp★★★★(作为壁纸网站,大家可别尽往MM瞧,风景很不错的哦)

伟创精品素材库http://tuku.hdzc.net/★★★(综合性图库)

手绘图库http://handmake.nease.net/1.htm★★★(全是手绘图,但是有些图不大,不过作插画还是非常不错的)

背景图库http://hisen.myrice.com/backbase/backbase.htm★★★★(提供打包下载)

精彩图库http://siqi.nease.net/5/5.html★★★(综合性图库)

中国花卉图片网http://www.fpcn.net/★★★(大图咧,找花就去吧)

中华素材库http://www.sucaiku.com/

国外一图库http://www.wallpapersking.com/ ★★★ (分640×480、800×600、1024×768三种图片分辨率)

磨坊图库http://www.doyouhike.net/gallery/albums.php★★★ (有好些不错的风景和旅游图

字体精品集中营http://www.k666.com/down-k666/list.php

英文字体下载http://www.yasbox.com/ (有350dpi)   linweishengchen

中国GIF网 http://www.chinagif.net/(很多GIF) 油炸冰棍儿

潇潇雨吧 http://www.xxy8.com/pic/photo_class_15.htm (好多图)

素材精品图库

地址:http://sc.xxy8.com/

图片导航:http://sc.xxy8.com/map.htm echo_

素材网镜像1 http://gz.sucaiw.net/photo/ (挺不错的)

素材网http://www.sucaiw.net/default.htm★★★☆(界面简洁)toking

http://sucai.dabaoku.com/(网页制作大宝库,有图片、字体下载、音乐背景……)

第二家园 http://ihome.ustc.edu.cn/dgart/bitmap.asp

http://sak2-1.tok2.com/home/purerose2002/furem-main.htm (日本,各种玫瑰素材)

http://homepage2.nifty.com/sadayuki/sakuhin1-11.html(日本,漂亮的壁画,但图不够大)

http://www.kagayastudio.com/(日本,一看就知道,网上经常出现的那一类绚丽图片)

http://www.aaron.ne.jp/tool/(日本,各种日本的民族纹理)

http://wallpaper.web.infoseek.co.jp/(日本,四季美丽的花卉,下载时图片大小随意)

http://anny.7758.com/suzai/myroom.htm(可能是台湾的,各种有趣的素材)

http://ww4.tiki.ne.jp/~mmurakami/setoy/map.html(日本夜景,点哪看哪)

http://hiroky.com/scape/intop.htm(日本,风景、动物、花卉、铁道……)

http://kenjisandesu.cool.ne.jp/(日本,非常漂亮的各式图片)

http://www.ne.jp/asahi/syaraku/kichinyado/index.html(日本,淡雅的背景)

http://www.zzi.cc/sck/sck1.htm(遐思素材屋)

http://ju-goya.fem.jp/index.html(日本,四季素材)

玉米添加设计素材精品网址

经典桌面资源站http://www.mydeskcity.com/ (素材很多,韩国象素图很全)

喜满你 http://beauty.xicn.net/jp/index.html (很喜欢的图片站)

殷都图霸 http://photo.ayinfo.ha.cn/lingleijp/ (综合性,图多)

图库天下http://www.tooqoo.com/ (超多的图)

网页制作大宝库http://www.dabaoku.com/sucai/ (东西太多了……)

素材中国http://www.sc-cn.net

中国图片网 http://www.cnpic.com/ (图全)

素材精品屋http://www.sucaiw.com/

素材词典http://www.sucaicd.com/

天空图片http://pics.skyhits.com/

伟创精品素材库http://tuku.hdzc.net/default.asp

CSCU集图联盟http://cscu.18600.com/   (要注册)

视创设计http://www.strongart.net/resourse.asp

三联素材网http://www.3lian.com/(综合型)

潇潇雨吧http://sc.xxy8.com

设计师素材库http://219.133.31.232/zsgc/sck/(综合性)

新乡信息港http://www.xxinfo.ha.cn/tupian/ (综合性)

图片超市http://www.kfinfo.ha.cn/tupian/(综合性,推荐~)

图片素材广场http://www.yn-psnc.com/pic/

艺秀网http://www.yishow.com/picture/(挺不错的)

模版天下http://www.mbsky.com/main.htm(挺不错的,提供字体)

精彩图库http://siqi.nease.net/5/5.html(综合性图库)

闪吧http://www.flash8.net/pic/(综合性图库挺全的)

太平洋电脑网http://dlc.pconline.com.cn/column.jsp?dltypeid=4(综合性)

古城热线http://desktop.xaonline.com/(含桌面壁纸和精彩图片,风景不错)

红意网http://www.nn11.com/Soft_Show.asp?SoftID=297(提供打包下)

课件素材库http://www.oh100.com/teach/shucaiku/(图有大有小)

新时代图霸网http://www.mypcera.com/photo/photo.htm

伊美姬网http://www.imagegarden.net/ (图片大观园,扫图联盟,壁纸…)

中国家园网http://www.52jiayuan.com/(美女图多图大,另外的也不错)

八方美女写真壁纸图片库http://www.88gg.com/(综合性图库,美女居多,其它的也不错)

媚媚图库http://www.mm555.com/ (以美眉,帅哥图片为主,还有很多风光,动物图)

图库频道http://www.tvb.com.cn/photo/index.shtml (全是明星图、剧照、海报等)

绝对图库 http://img.273c.com/ (动漫类的)

幸运图库http://www.luckyol.com/photo/index.html

好QQ图库http://www.goodqq.com/ (口号是“打造中国图库第一站”)

千夜图片库http://www.1001n.com.cn/photo/

SOPHOTO http://images.sophoto.cn/

设计无限http://www.sj00.com/sort/1_1.htm(N多广告飘得你眼花,图还过得去,提供字体,算综合性)

荆棘图库http://picture.21youth.com/(收有大师作品)

美亚图库http://photo.cnmaya.com/(时事,明星等)

科幻网图库http://www.kehuan.net/picture/index.asp(科幻图)

教程教材—-

http://www.sj00.com/text/list/list_1_1.Html

中英文字体下载—–

http://www.sj00.com/sort/2_1.htm

http://www.sj00.com/sort/181_1.htm

多款笔刷下载—–

http://yoonmi.net/zboard/zboard. … ;sn1=&divpage=1

http://www.hao17.com/sort/185_1.htm

日韓素材下载—–

http://noion.cool.ne.jp/index2.html

http://homepage1.nifty.com/ryan_ryan/sozai/material.htm

http://www.sozainomori.com/

http://www.kiri-sozai.com/top-page.html

http://cwr.s61.xrea.com/s/index.shtml

http://www.fuchu.or.jp/~tenshi/1kb/

发表在 收藏 | 发表评论

收集整理了一百来个图库素材下载网址

发表在 收藏 | 发表评论

最全的象素画网站

+++++++++++
+中国像素网站+
+++++++++++

================================
八一年后的阴暗角落: http://www.dinano.com
灰调女孩: http://free.6to23.com/hdgirl/
KoKo’s 像素空间: http://www.kokonet.net/
触碰设计: http://touch888.nease.net/
雨夕的世界: http://www.imcici.com/
hebe的小家: http://fukota.jahee.com/
YOKO的魔法世界: http://www.yokoiue.com.cn/
1001夜: http://lool.nease.net/
夏: http://asp2.6to23.com/aiking/
暂时离开: http://airnumen.nease.net/
狂人秀吧: http://www.madcn.com/
Cacti1104: http://www.cacti1104.com/
吟游画人: http://www.xxidd.com/
巫仙森林: http://www.riancy.com/
LovePixel: http://lovepixel.net/
岛中央: http://www.islandcenter.net/
OurCall.Org: http://www.ourcall.org/
悠Q网: http://www.youkiu.com/
imick: http://users.adelphia.net/~ucha/main2002.htm (我的旧站,有中文显示问题)
糖糖: http://pin-k.com/~sweety/
影之村: http://www.falcon99.com/
JAVA手机网[www.cnjm.net]Chatbb.net: http://www.chatbb.net/
薛凯: http://www.ismyzone.com/
We Together: http://www.wt271.com/
PPStudio: http://www.pipistudio.com/
JAVA手机网[www.cnjm.net]绿色感觉: http://www.cdda.gov.cn/other/apple/index.htm
唿木-飞飞: http://www.humuguo.com/
口味: http://www.id70.com/
伊修卡: http://kakahome.6to23.com/
Pixel32: http://www.freewebs.com/32×32/
Feiwei: http://dearlarc.nease.net/
Mayten: http://www.mayten.org/
Qray: http://qray.go.nease.net/
冷香: http://www.xusj.com/index3/
PurpleSky: http://purplesky.0248.com/
Yoyo: http://uuhome.51.net/gallery.htm
灰灰菜: http://www.huihuicai.net/icon/index.htm
Ryuki Design: http://www.coolife.com/web/ryuki/002/
Pixy.cn: http://pixy.cn/
Metaldudu: http://www.metaldudu.com/
像素中国: http://www.xusj.com/index2/b_bankuai.asp
像素中国: http://www.iconcn.cn/iconcn/b_bankuai.asp
Stoer: http://www.stoer.cn
Iconboy: http://www.iconboy.com/
像素森林: http://pixelforest.cn/
核桃老窝: http://www.96nini.com/
Yoyocheung: http://www.yoyocheung.com/
心之家: http://c04.caishow.com/special/hhome.asp?f=1519
夏雨: http://www.touchworld.net

JAVA手机网[www.cnjm.net]Non-Stop Pixel: http://www.nspixel.com
JAVA手机网[www.cnjm.net]
@Pixel: http://www.gawzu.idv.tw/
LOVEPIXEL: http://www.lovepixel.idv.tw/
TinJen: http://www.tinjen.idv.tw/
和平一村: http://pixelstyle.idv.tw/
================================
JAVA手机网[www.cnjm.net]
+++++++++++
+韩国像素网站+
JAVA手机网[www.cnjm.net]+++++++++++

================================
Tokida: http://www.tokkida.com/
JAVA手机网[www.cnjm.net]PaRa PuYa: http://parapuya.mireene.com/
JAVA手机网[www.cnjm.net]Fairy Tale: http://spin.compuz.com/
Sakiroo: http://sakiroo.com/
地下工作室http://zeeha.com
Winkerya: http://winkerya.com/
ToonZoo: http://www.toonzoo.co.kr/
BiBi: http://www.bibi1004.com/
Narem: http://narem.net/main.htm
Eter: http://eter01.wwww.to/top.htm
exlikeus: http://www.exlikeus.com/
uforange: http://uforange.com/
Coolpam: http://www.coolpam.com/
Miuz: http://miuz.net (work里)
Netmarble: http://www.netmarble.net/
Sei: http://sei.pe.kr
================================

+++++++++++
+日本像素网站+
+++++++++++

================================
hybridworks: http://www.hybridworks.jp/blog/
blackmoontides: http://www.blackmoontides.com
KU-BO: http://members.at.infoseek.co.jp/KU__BO/dot.html
http://otoufu.s39.xrea.com/
猫手製アイコン屋: http://www007.upp.so-net.ne.jp/nekoteya/
kwawyoo: http://www.interq.or.jp/asia/kwawyoo/
Playtown-Bishop: http://www.geocities.co.jp/Playtown-Bishop/2767/
arma_eater: http://www.crazy.jp/%7Earma_eater/
32度: http://032.oops.jp/
D.co:http://dco.cn1.jp/
pettyraps: http://kanami.peewee.jp/index2.html
corekuma: http://corekuma.boo.jp/

发表在 收藏 | 发表评论

最全的象素画网站

++++++++++++++
+其他语种像素网站+
++++++++++++++
(英语,法语,西班牙语,意大利语,等等等等)
JAVA手机网[www.cnjm.net]
================================
Pinkies: http://www.pixtoki.com/
Roberta’s Dolls: http://www.robertaburattini.it/dolls/
Dadadiablesse.Com: http://www.dadadiablesse.com/v5/dada.html
Eboy: http://www.eboy.com/eboy
JAVA手机网[www.cnjm.net]Electriconland: http://www.electriconland.com/corner01.php
Move Your Feet: http://www.juniorsenior.com/media.htm
2 Pixel: http://www.lolaart.net/pixel/
Emlan: http://artoholic.eg-games.com/
finite’s art depository: http://yallara.cs.rmit.edu.au/~reldridg/
JAVA手机网[www.cnjm.net]Icontown: http://www.be-e.de/
encyclopedia-obscura: http://www.encyclopedia-obscura.com/
Armyoftrolls: http://www.armyoftrolls.co.uk/
flyingyogi: http://www.flyingyogi.com/
Foogirl: http://www.imwithzombie.com
Logan: http://www.2600comic.co.uk/logan/
The Doll House: http://www.helena.bucasio.nom.br/
adamtierney: http://www.adamtierney.com/
blackeye: http://www.blackeye.org/
JAVA手机网[www.cnjm.net]pixeldeviant: http://www.pixeldeviant.com/graphics_pixels.shtml
habbohotel: http://www.habbohotel.ch/habbo/de/
pixeldam: http://www.x-panded.com/pixeldam/index.asp
supertotto: http://www.supertotto.com/
flipflopflyin: http://www.flipflopflyin.com/
JAVA手机网[www.cnjm.net]kenneth fejer: http://www.kennethfejer.dk
scumskullz: http://scumskullz.com/en/skulls/search/ctime/1.html
pixeltees: http://www.pixeltees.com/?&c=20050415-233311-0279645025
zanpo: http://www.zanpo.com/
Playdo: http://www.playdo.com/eng/munity.asp
nascimpact: http://search.nascimpact.com/ and http://pixel.nascimpact.com/
JAVA手机网[www.cnjm.net]kafka: http://sylpher.com/kafka/sprites.shtml
Icontown: http://www.icontown.net/
extrajetzt: http://tag-der-arbeit.extrajetzt.de/
etherbrian: http://www.etherbrian.com
digitalmonks: http://www.digitalmonks.net/
adept: http://www.adept-vormgeving.com/
pixelfreak: http://www.pixelfreak.com/
peppermint pig: http://virtual.dyc.edu/~peppermint/
ump3: http://www.ump3.de
pixelmuseum: http://www.pixelmuseum.com/
mondotrendy: http://www.mondotrendy.com/
JAVA手机网[www.cnjm.net]ala: http://www.ala.ch/home/
mrwong: http://www.mrwong.de/myhouse/
Doompuppet: http://www.doompuppet.com/
Toonqueen: http://faneurysm.com/toonqueen/frames.shtml
m2kbrothers: http://www.m2kbrothers.com/Site/Literature.php
St0ven: http://steve.neonstar.net/Sprites1.htm
JAVA手机网[www.cnjm.net]sykhronics: http://www.sykhronics.com/
================================

JAVA手机网[www.cnjm.net]++++++++
+教程网站+
++++++++

================================
JAVA手机网[www.cnjm.net]http://pixeltutorial.cjb.net/
http://www.zoggles.co.uk/asp/index.asp
http://www.tcp-ip.or.jp/~s-iga/tips/2-3metallic_objects.html
http://www.isocalc.com/tutorials/index.htm (AA)
http://www.speccy.org/remakesgraph/
JAVA手机网[www.cnjm.net]http://www.pixelfreak.com/tutorial/
http://www.natomic.com/hosted/marks/mpat/
http://www.rpi.edu/~laporj2/essays/aa/ (AA)
http://home.earthlink.net/~markt … erdotcom/vlink.html
JAVA手机网[www.cnjm.net]http://primeop.tripod.com/mugenboss/
http://steve.neonstar.net/tutorials.htm
================================

++++++++
JAVA手机网[www.cnjm.net]+资源网站+
++++++++

================================
.M.A.M.E.: http://www.emugifs.emuita.it/mame.htm
emugif: http://emugif.emu-zone.org/
JAVA手机网[www.cnjm.net]gifsyndicate: http://gifsyndicate.com/
calimero’s egg: http://digilander.libero.it/calimerosegg/index.html
RO: http://www.merchantguild.net/~ragnamart/index.php
EMUGIFS: http://www.emugifs.emuita.it/
Gbertho: http://members.aol.com/Gbertho/private/Art.html
fated-circle: http://www.fated-circle.com/sprites.php
Nintendosmiles: http://www.geocities.com/optimalprotocol/nintendosmilies.html
Sprite Inc.: http://sprites.planet-megaman.com/
The People’s Sprites: http://www.panelmonkey.org
vgmuseum: http://www.vgmuseum.com/
reinerstileset: http://www.reinerstileset.4players.de:1059/
================================

++++++
+l论 坛+
++++++

================================
http://forum.deviantart.com/galleries/pixelart/
JAVA手机网[www.cnjm.net]http://web1.t43.greatnet.de/pixelerate/
http://www.pixeljoint.com/forum/
JAVA手机网[www.cnjm.net]http://www.latentmedium.com/board/
http://pixelation.proboards12.com/index.cgi?board=pix
http://p214.ezboard.com/bblackeyesoftware56428
http://pub59.ezboard.com/bwarmachinemadness

http://www.iconcn.cn/bbs/
http://bbs.chahua.org
http://www.ourpixel.com
http://www.pixelforest.cn/bbs
JAVA手机网[www.cnjm.net]================================

发表在 收藏 | 发表评论

jQuery技巧总结

最近的项目中用到了ajax技术,而在实现ajax的时候用的是一个js框架。所以对它比较感兴趣。
在网上查了一下,还是一个比较优秀的框架,转个文章学习下。
 
 
一、简介
&s s W.I U0l7P I `9b0
A7G B A,X Z @5d V01.1、概述中国经济网 经济博客 |1| Y%K%M2_
随着WEB2.0及ajax思想在互联网上的快速发展传播,陆续出现了一些优秀的Js框架,其中比较著名的有Prototype、YUI、jQuery、mootools、Bindows以及国内的JSVM框架等,通过将这些JS框架应用到我们的项目中能够使程序员从设计和书写繁杂的JS应用中解脱出来,将关注点转向功能需求而非实现细节上,从而提高项目的开发速度。
m Q4D ~-j u w N.{ [0jQuery是继prototype之后的又一个优秀的Javascript框架。它是由 John Resig 于 2006 年初创建的,它有助于简化 JavaScript™ 以及Ajax 编程。有人使用这样的一比喻来比较prototype和jQuery:prototype就像Java,而jQuery就像ruby. 它是一个简洁快速灵活的JavaScript框架,它能让你在你的网页上简单的操作文档、处理事件、实现特效并为Web页面添加Ajax交互。
j)o U d v6l:a j8I0中国经济网 经济博客7p6~6Q f"} L!])_;| U
它具有如下一些特点:
*g ^"E ^,d.f6O d01、代码简练、语义易懂、学习快速、文档丰富。
I#p*c)y ^02、jQuery是一个轻量级的脚本,其代码非常小巧,最新版的JavaScript包只有20K左右。
t H n o/c P’G6]0a M [ T03、jQuery支持CSS1-CSS3,以及基本的xPath。
I P [;w5[ t$~ J04、jQuery是跨浏览器的,它支持的浏览器包括IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+。
} S"H2v5u9x }7z 5、可以很容易的为jQuery扩展其他功能。
| ? f D u-r06、能将JS代码和HTML代码完全分离,便于代码和维护和修改。
l e E v(a9K&k R07、插件丰富,除了jQuery本身带有的一些特效外,可以通过插件实现更多功能,如表单验证、tab导航、拖放效果、表格排序、DataGrid,树形菜单、图像特效以及ajax上传等。
:n3w j R }7w0中国经济网 经济博客 s {/Hj l!x J
jQuery的设计会改变你写JavaScript代码的方式,降低你学习使用JS操作网页的复杂度,提高网页JS开发效率,无论对于js初学者还是资深专家,jQuery都将是您的首选。
0?0~ R X I x/t0jQuery适合于设计师、开发者以及那些还好者,同样适合用于商业开发,可以说jQuery适合任何JavaScript应用的地方,可用于不同的Web应用程序中。
y ^ K2\ e Q @0官方站点:http://jquery.com/   中文站点:http://jquery.org.cn/
d&D%q v’n.m u L C8u0
%A Y*H6X[ B$i N/g K4Z01.2、目的中国经济网 经济博客&r e7y L6j5J3N N V
通过学习本文档,能够对jQuery有一个简单的认识了解,清楚JQuery与其他JS框架的不同,掌握jQuery的常用语法、使用技巧及注意事项。中国经济网 经济博客 q9V b N p!Z

7O b3O,s U0二、使用方法中国经济网 经济博客 a N4d&b N L0|
在需要使用JQuery的页面中引入JQuery的js文件即可。中国经济网 经济博客 T K4k%w"k N
例如:<script. type="text/javascript" src="js/jquery.js"></script>
W1Y [ m R F%G!p-G0引入之后便可在页面的任意地方使用jQuery提供的语法。中国经济网 经济博客*] S S C O!X t,h V

3}2V \ _!f0三、学习教程及参考资料中国经济网 经济博客4| k8D2D*X+a;J p z m
请参照《jQuery中文API手册》和http://jquery.org.cn/visual/cn/index.xml
B E-P7`#Q b9S0推荐两篇不错的jquery教程:《jQuery的起点教程》和《使用 jQuery 简化 Ajax 开发》
+{ X B g:i4d!k V0(说明:以上文档都放在了【附件】中)
$Y$c e q H9O f0
d"W P q0q m u { w |#f0四、语法总结和注意事项中国经济网 经济博客 R c"Y N e [*]
中国经济网 经济博客 u6n.S,J#\ \ y I U
1、关于页面元素的引用
A p ]2[+^0通过jquery的$()引用元素包括通过id、class、元素名以及元素的层级关系及dom或者xpath条件等方法,且返回的对象为jquery对象(集合对象),不能直接调用dom定义的方法。
u f n [%|#[6]6v F [0
l {%f(g.l.e D0t02、jQuery对象与dom对象的转换中国经济网 经济博客+x g L j&O li’R$`/a7h
只有jquery对象才能使用jquery定义的方法。注意dom对象和jquery对象是有区别的,调用方法时要注意操作的是dom对象还是jquery对象。
E Y @ [ x6?)y R q0U0普通的dom对象一般可以通过$()转换成jquery对象。中国经济网 经济博客2z [/k G’F c U r
如:$(document.getElementById("msg"))则为jquery对象,可以使用jquery的方法。
} @ k6V @0由于jquery对象本身是一个集合。所以如果jquery对象要转换为dom对象则必须取出其中的某一项,一般可通过索引取出。
.f y6m&Z m j$i b0如:$("#msg")[0],$("div").eq(1)[0],$("div").get()[1],$("td")[5]这些都是dom对象,可以使用dom中的方法,但不能再使用Jquery的方法。中国经济网 经济博客"Z6a&{(R Q W ]"B A \ L
以下几种写法都是正确的:中国经济网 经济博客 B9e"L S1M"e }5b
$("#msg").html();中国经济网 经济博客3R [+n Y;z i w.i w
$("#msg")[0].innerHTML;
-s C g `7I,j k I0$("#msg").eq(0)[0].innerHTML;中国经济网 经济博客:E c z$Z _ _
$("#msg").get(0).innerHTML;中国经济网 经济博客3I.C r0s7s
中国经济网 经济博客.D v g O*X-x X
3、如何获取jQuery集合的某一项
+u \%D2{ V {(|0对于获取的元素集合,获取其中的某一项(通过索引指定)可以使用eqget(n)方法或者索引号获取,要注意,eq返回的是jquery对象,而get(n)和索引返回的是dom元素对象。对于jquery对象只能使用jquery的方法,而dom对象只能使用dom的方法,如要获取第三个<div>元素的内容。有如下两种方法:中国经济网 经济博客 @ v p9g w }
$("div").eq(2).html();               //调用jquery对象的方法
i3D!X+?"I0$("div").get(2).innerHTML;        //调用dom的方法属性
D ~ c j6c+x0中国经济网 经济博客 H h B3W J b
4、同一函数实现set和get中国经济网 经济博客:M0q s9n G&P R I+n a
Jquery中的很多方法都是如此,主要包括如下几个:中国经济网 经济博客2F/K5e m b y5@ F
$("#msg").html();               //返回id为msg的元素节点的html内容。中国经济网 经济博客 G i-b7|+F’\’} r S y [
$("#msg").html("<b>new content</b>");       中国经济网 经济博客)h L ],]&Y N }
//将“<b>new content</b>” 作为html串写入id为msg的元素节点内容中,页面显示粗体的new content
.p T [ O5A%]2F3C U i z0
b M7E I8T [0$("#msg").text();               //返回id为msg的元素节点的文本内容。中国经济网 经济博客 n0S L"Z*{*W.I#} T
$("#msg").text("<b>new content</b>");       
$o;m B O-j0G'w4y0//将“<b>new content</b>” 作为普通文本串写入id为msg的元素节点内容中,页面显示粗体的<b>new content</b>中国经济网 经济博客6G o Y e*v }0R c
中国经济网 经济博客0a"` t N,p
$("#msg").height();               //返回id为msg的元素的高度中国经济网 经济博客 h g p S:c
$("#msg").height("300");        //将id为msg的元素的高度设为300中国经济网 经济博客0p ^+] G y _
$("#msg").width();               //返回id为msg的元素的宽度
5Y q a0y0NA7z ? ]0$("#msg").width("300");        //将id为msg的元素的宽度设为300中国经济网 经济博客 { l4W R A K1[

i*W*W ^ \7N V0$("input").val(");        //返回表单输入框的value值
.P | o z X5m0$("input").val("test");        //将表单输入框的value值设为test中国经济网 经济博客 k p a S9X6V ]/p f8c#t
中国经济网 经济博客&X0w E.h B ]
$("#msg").click();        //触发id为msg的元素的单击事件
3[ M-v L'K Z w,b(p1|0$("#msg").click(fn);        //为id为msg的元素单击事件添加函数
;G6j9E h3f F9u+a0同样blur,focus,select,submit事件都可以有着两种调用方法
S n*d/@ d e O o9F0
I0N"v;h G Q05、集合处理功能
5P7c ` VZ9Q0对于jquery返回的集合内容无需我们自己循环遍历并对每个对象分别做处理,jquery已经为我们提供的很方便的方法进行集合的处理。中国经济网 经济博客;g)y V h `0c
包括两种形式:
p Q6n V D(D0]0$("p").each(function(i){this.style.color=['#f00','#0f0','#00f'][i]})       中国经济网 经济博客:w#` l h H
//为索引分别为0,1,2的p元素分别设定不同的字体颜色。中国经济网 经济博客 n v a t J t3s

B [ j }(^2r0$("tr").each(function(i){this.style.backgroundColor=['#ccc','#fff'][i%2]})       
6V S L _ ?7Q0//实现表格的隔行换色效果中国经济网 经济博客5\ h N @ w%D0^;A#D-u | f
中国经济网 经济博客$E;e | W(` K {
$("p").click(function(){alert($(this).html())})              中国经济网 经济博客 Z5V*e w1?,a g q%L8?;|
//为每个p元素增加了click事件,单击某个p元素则弹出其内容
0} d#A4B M [ y M%r d0中国经济网 经济博客B {7H’`/_ [7t b
6、扩展我们需要的功能
y_ g7O n0$.extend({
a T*^'n t q(V r0        min: function(a, b){return a < b?a:b; },中国经济网 经济博客 d1G%i Q3u M
        max: function(a, b){return a > b?a:b; } 中国经济网 经济博客 n-C z b'M
});        //为jquery扩展了min,max两个方法中国经济网 经济博客 W u p K { d ^2P)Y
使用扩展的方法(通过“$.方法名”调用):
0Q$T f5t7}1~ C.V g u0alert("a=10,b=20,max="+$.max(10,20)+",min="+$.min(10,20));
R G9J h \ S0
} t `2k q:Q q ?07、支持方法的连写中国经济网 经济博客 C+e I*B ?(R5o
所谓连写,即可以对一个jquery对象连续调用各种不同的方法。
:?._ l4Y,X*Y#}5v o9o0例如:
)O4Y#U:C K,a8s0$("p").click(function(){alert($(this).html())})中国经济网 经济博客 E.V t W6y(Q o H ?
.mouseover(function(){alert('mouse over event')})中国经济网 经济博客;];g4X5e U-T!K/i
.each(function(i){this.style.color=['#f00','#0f0','#00f'][i]});中国经济网 经济博客6J#~9~)N L6I T h @
中国经济网 经济博客2d V8D W,{:A5{+D
8、操作元素的样式中国经济网 经济博客#I Z @’z g2\ I t c2\
主要包括以下几种方式:中国经济网 经济博客 X.g$R’q` V
$("#msg").css("background");               //返回元素的背景颜色中国经济网 经济博客 J%[6f c)I j
$("#msg").css("background","#ccc")        //设定元素背景为灰色
z P S x x G#z0$("#msg").height(300); $("#msg").width("200");        //设定宽高中国经济网 经济博客 s)d R!t;f w [ a
$("#msg").css({ color: "red", background: "blue" });//以名值对的形式设定样式
];u n0k O-R f9t d0$("#msg").addClass("select");        //为元素增加名称为select的class
} ~ m&s E \ P b0$("#msg").removeClass("select");        //删除元素名称为select的class
.S L i$r C0$("#msg").toggleClass("select");        //如果存在(不存在)就删除(添加)名称为select的class
6a Z8o:\1? ? C m0
n0_!g0Q:W09、完善的事件处理功能中国经济网 经济博客8B Br g H8Z ~8F E
Jquery已经为我们提供了各种事件处理方法,我们无需在html元素上直接写事件,而可以直接为通过jquery获取的对象添加事件。中国经济网 经济博客 Y _ [ H sT R
如:
E X&t;d L c0$("#msg").click(function(){alert("good")})        //为元素添加了单击事件中国经济网 经济博客8f+} Q m m;A ?#e
$("p").click(function(i){this.style.color=['#f00','#0f0','#00f'][i]})
z&p%y’G ])@;n C0//为三个不同的p元素单击事件分别设定不同的处理
*H t4] O \ J C h0jQuery中几个自定义的事件:
9Gb _5E,[0] n0(1)hover(fn1,fn2):一个模仿悬停事件(鼠标移动到一个对象上面及移出这个对象)的方法。当鼠标移动到一个匹配的元素上面时,会触发指定的第一个函数。当鼠标移出这个元素时,会触发指定的第二个函数。
W*j6I x k { b z0//当鼠标放在表格的某行上时将class置为over,离开时置为out。中国经济网 经济博客/c;} Q Z+e M5u I b+I
$("tr").hover(function(){中国经济网 经济博客 p:f ] m+m ~ X3n b
$(this).addClass("over");中国经济网 经济博客9i d s T w8v e x [
},中国经济网 经济博客"HI7p Z [q d
        function(){中国经济网 经济博客 p X*f o n0{
        $(this).addClass("out");
?2G _ `.f0});
4s8G-v P%M K [5^0(2)ready(fn):当DOM载入就绪可以查询及操纵时绑定一个要执行的函数。中国经济网 经济博客 A+a+~ [$K m*g8I
$(document).ready(function(){alert("Load Success")})中国经济网 经济博客 y4r2h9B,t y A b7Z B z
//页面加载完毕提示“Load Success”,相当于onload事件。与$(fn)等价中国经济网 经济博客 z g c*X N3N N
(3)toggle(evenFn,oddFn): 每次点击时切换要调用的函数。如果点击了一个匹配的元素,则触发指定的第一个函数,当再次点击同一元素时,则触发指定的第二个函数。随后的每次点击都重复对这两个函数的轮番调用。中国经济网 经济博客 z4T8p(IV1t E-F0L
        //每次点击时轮换添加和删除名为selected的class。
_ g!H+D q.j"S p [ f0        $("p").toggle(function(){中国经济网 经济博客 Q t C2C+u#fs(o X
               $(this).addClass("selected");   中国经济网 经济博客4p B Z%B+O O T
        },function(){中国经济网 经济博客 |1a P-A f9j l i;S i
               $(this).removeClass("selected");
)U7p h${ [/?.d |0        });
B&y$B/F b g-P0(4)trigger(eventtype): 在每一个匹配的元素上触发某类事件。中国经济网 经济博客-b @ O D d"o,N2^9M
例如:
L!Q }(y D7h0        $("p").trigger("click");               //触发所有p元素的click事件
e o.M Y m%I J ?0(5)bind(eventtype,fn),unbind(eventtype): 事件的绑定与反绑定
!S z i9aV k1M"`0n0从每一个匹配的元素中(添加)删除绑定的事件。中国经济网 经济博客;k m,b5g g w B
例如:中国经济网 经济博客&m q+H H q [7_9V T
$("p").bind("click", function(){alert($(this).text());});        //为每个p元素添加单击事件
X w L c:R K+O0$("p").unbind();        //删除所有p元素上的所有事件
#T9n l K [:F0$("p").unbind("click")        //删除所有p元素上的单击事件
0J+y#B v L i/s {0
"G r G2R(M;j'c010、几个实用特效功能
E l a g { Z0其中toggle()和slidetoggle()方法提供了状态切换功能。中国经济网 经济博客 H ~*Y'r Gi N!b P
如toggle()方法包括了hide()和show()方法。
Q&U"t ] {/] T#c0slideToggle()方法包括了slideDown()和slideUp方法。中国经济网 经济博客’?%u l i T1l y+|
中国经济网 经济博客 j3e-s M’Z ]
11、几个有用的jQuery方法中国经济网 经济博客:O g8V2Q @
$.browser.浏览器类型:检测浏览器类型。有效参数:safari, opera, msie, mozilla。如检测是否ie:$.browser.isie,是ie浏览器则返回true。
o8[ ],k3~ N W5D0$.each(obj, fn):通用的迭代函数。可用于近似地迭代对象和数组(代替循环)。
e6C4s r }"z k K0
$x#g7{ ^*b i Z A#z0$.each( [0,1,2], function(i, n){ alert( "Item #" + i + ": " + n ); }); 中国经济网 经济博客.?-b3k V2J v1v ^
等价于:中国经济网 经济博客 e4F5@ r D y B x b b
var tempArr=[0,1,2];
Q%q J ` i0for(var i=0;i<tempArr.length;i++){
v Y L J B%\(H |9i’F.h0        alert("Item #"+i+": "+tempArr[i]);
:R n G9B X { a"q Q V2h&y’`0}
"Z N T h0f O1g8W%x G0也可以处理json数据,如中国经济网 经济博客 p z7o3m j N Z#K9}:V
$.each( { name: "John", lang: "JS" }, function(i, n){ alert( "Name: " + i + ", Value: " + n ); });中国经济网 经济博客#@ z H)B0e e X
结果为:
*{ M f @;\ D0Name:name, Value:John
Q e&n;G2r7m)f e {$k0Name:lang, Value:JS
y |-y q N"i0$.extend(target,prop1,propN):用一个或多个其他对象来扩展一个对象,返回这个被扩展的对象。这是jquery实现的继承方式。中国经济网 经济博客 `2{ @"} ? D%@
如:中国经济网 经济博客5a3@7t e p S i J6f
$.extend(settings, options);       
1c2_#v P(R!^0//合并settings和options,并将合并结果返回settings中,相当于options继承setting并将继承结果保存在setting中。中国经济网 经济博客 }9\ Z3M&d
var settings = $.extend({}, defaults, options);
` q?,y)i*O [.O4c y W0//合并defaults和options,并将合并结果返回到setting中而不覆盖default内容。
"Z2A-e i t3I.R U0可以有多个参数(合并多项并返回)
O I M _:n i8i i0$.map(array, fn):数组映射。把一个数组中的项目(处理转换后)保存到到另一个新数组中,并返回生成的新数组。
(G w ?2` z-r M1? W V N0如:
Q L/z U U1c [ G"b E { O0var tempArr=$.map( [0,1,2], function(i){ return i + 4; });中国经济网 经济博客0B s X8m { W9?.a1q T N+Y
tempArr内容为:[4,5,6]中国经济网 经济博客 m%Yb g!a7l
var tempArr=$.map( [0,1,2], function(i){ return i > 0 ? i + 1 : null; });
X O&kp2I5b j9j)g l0tempArr内容为:[2,3]中国经济网 经济博客 H"m o1^ } x3k q ~
$.merge(arr1,arr2):合并两个数组并删除其中重复的项目。
0j4^ T l M0如:$.merge( [0,1,2], [2,3,4] )        //返回[0,1,2,3,4]
(O4E o P)r0$.trim(str):删除字符串两端的空白字符。 中国经济网 经济博客u y D;x w \` P w
如:$.trim("   hello, how are you?    ");         //返回"hello,how are you? "
#^#TM a n h T0中国经济网 经济博客 A;B k;_.L&T4c,| }1]
12、解决自定义方法或其他类库与jQuery的冲突中国经济网 经济博客 K w s } F
很多时候我们自己定义了$(id)方法来获取一个元素,或者其他的一些js类库如prototype也都定义了$方法,如果同时把这些内容放在一起就会引起变量方法定义冲突,Jquery对此专门提供了方法用于解决此问题。中国经济网 经济博客 G N/T9H4j$` e \4H)}
使用jquery中的jQuery.noConflict();方法即可把变量$的控制权让渡给第一个实现它的那个库或之前自定义的$方法。之后应用Jquery的时候只要将所有的$换成jQuery即可,如原来引用对象方法$("#msg")改为jQuery("#msg")。
,i n8N/G0p#s0如:中国经济网 经济博客 k q s*w U-n Q
jQuery.noConflict(); 中国经济网 经济博客7A+h!N2c B,o F g
// 开始使用jQuery中国经济网 经济博客"_ T8`1K8q.X"Y
jQuery("div    p").hide();中国经济网 经济博客;B:o9B m,E2W D D
// 使用其他库的 $()
O-i L1l3o5v,f4m p b L0$("content").style.display = ‘none';

发表在 技术点滴 | 发表评论

間と間にの区別

在….期间一直….
例えば:
彼は会議の間ずっと居眠りをしていた
开会期间他一直在打瞌睡
授業の間、しゃべりをするな
上课期间不许讲话
 
間に
趁着…..
例えば:
祖母が元気な間にいろいろ話を聞いておこう
趁着祖母还硬朗的时候,把这些事情都问清楚吧
東京にいる間に、一度歌舞伎を見に行きたいです。
想趁着在东京去看一次歌舞伎
发表在 日本語センター | 发表评论