js滾動屏幕標題欄漸變

1. javaScript-js或css可以做網頁背景顏色的漸變嗎

background-image:linear-gradient(bottom,rgb(120,149,179)26%,rgb(212,215,219)63%,rgb(143,166,191)82%);
background-image:-o-linear-gradient(bottom,rgb(120,149,179)26%,rgb(212,215,219)63%,rgb(143,166,191)82%);
background-image:-moz-linear-gradient(bottom,rgb(120,149,179)26%,rgb(212,215,219)63%,rgb(143,166,191)82%);
background-image:-webkit-linear-gradient(bottom,rgb(120,149,179)26%,rgb(212,215,219)63%,rgb(143,166,191)82%);
background-image:-ms-linear-gradient(bottom,rgb(120,149,179)26%,rgb(212,215,219)63%,rgb(143,166,191)82%);

background-image:-webkit-gradient(
linear,
leftbottom,
lefttop,
color-stop(0.26,rgb(120,149,179)),
color-stop(0.63,rgb(212,215,219)),
color-stop(0.82,rgb(143,166,191))
);

2. 濡備綍緙栧啓js鎻掍歡濡備綍緙栧啓js鎻掍歡鏂囦歡

js鎻掍歡鎬庝箞鐢錛

1銆佸揩閫熼忚嗭紝鍒楄〃欏甸潰鏁版嵁銆傝繘鍏ヤ換涓鎴挎簮璇︽儏欏碉紝鏃犻渶鐐瑰嚮錛孞S鎻掍歡浼氳嚜鍔ㄥ憟鐜伴〉闈㈠祵鍏ユ暟鎹:鏈堥攢閲忋佹棩閿閲忋佷環鏍煎巻鍙茶蛋鍔褲佹帓鍚嶇瓑鍏抽敭鏁版嵁銆傦紝鏂逛究瀵逛駭鍝佺敓鍛藉懆鏈熶竴鐩浜嗙劧錛屽垎鏋愮儹閿娼滃姏浜у搧錛涚煡宸辯煡褰礆紝鍚堢悊瀹夋帓鑷宸辯殑鎿嶄綔絳栫暐銆

2.瑙ｆ斁緇忚惀鍜屽ぇ浼楄惀閿鐨勫弻鎵嬨傞氳繃JS鎻掍歡鎵歸噺鍙戦侀偖浠訛紝鏁堢巼鎻愬崌80%銆傚悓鏃朵繚鐣欎簡鈥滃崟鐙鍙戦佽鋒眰鈥濈殑鍔熻兘銆傚仛綺劇粏鍖栬繍钀ョ殑鍗栧跺彲浠ラ氳繃鎺у埗鍙橀噺鏉ユ祴璇曞彂閫佹晥鏋溿侸S鎻掍歡榪樺彲浠ユ櫤鑳借瘑鍒宸茬粡鐢寵烽鎹㈣揣鐨勪拱瀹躲傚逛簬榪欎簺涔板訛紝緋葷粺浼氳嚜鍔ㄧ瓫閫夛紝涓嶅彂閫侀個璇鋒彁閱掞紝浠庤岄檷浣庡樊璇勭殑姒傜巼銆

鍏充簬js鎻掍歡鐨勬洿澶氫俊鎮錛屽緩璁鍜ㄨ涓涙灄渚﹀療鍏點侸S鎻掍歡(ChromeExtension)鏄浜氶┈閫婂崠瀹跺湀鐨勭涓嬈炬槑鏄熶駭鍝侊紝鍔熻兘寮哄ぇ錛岃捐＄畝媧併傚崠瀹跺彲浠ヤ竴閿鏌ョ湅鐜版湁浜у搧鐨勯攢閲忋佺珵浜夌▼搴︺佸巻鍙查攢鍞瓚嬪娍銆備笡鏋椾睛瀵熷叺鍊″兼櫤鑳芥暟鐮侀夊搧錛屾墦閫犵簿鍝佸簵閾猴紝閫氳繃楂樻晥鐨勮繍钀ユ妧宸у拰絳栫暐錛岃幏寰椾腑鍥藉搧鐗屽湪璺ㄧ晫嫻蜂笂鐨勬垚鍔熴傛槸浜氶┈閫婅法澧冪數鍟嗚屼笟鐨勯嗗煎搧鐗岋紝褰卞搷浜嗗叏鐞冭秴榪100涓囦簹椹閫婁粠涓氳呫傚姛鑳藉己澶э紝鍊煎緱閫夋嫨銆

jsp瑙嗛戞彃浠舵庝箞瀹炵幇錛

鎴戠粰浣犱粙緇嶄竴涓猨s鎻掍歡錛孊ootstrap妯℃佹嗭紙Modal錛夋彃浠訛紝浣犲彲浠ュ湪寮瑰嚭鐨勬ā鎬佹嗕笂鍔犱竴涓閫夋嫨鎸夐挳鐨刪tml浠ｇ爜錛岃繖閲岀粰浣犳彁渚涗簡涓ょ嶆柟寮忎竴縐嶆槸闈欐佹ā鎬佹嗭紝涓縐嶆槸鍔ㄦ佹ā鎬佹嗘ā鎬佹嗭紙Modal錛夋槸瑕嗙洊鍦ㄧ埗紿椾綋涓婄殑瀛愮獥浣撱傞氬父錛岀洰鐨勬槸鏄劇ず鏉ヨ嚜涓涓鍗曠嫭鐨勬簮鐨勫唴瀹癸紝鍙浠ュ湪涓嶇誨紑鐖剁獥浣撶殑鎯呭喌涓嬫湁涓浜涗簰鍔ㄣ傚瓙紿椾綋鍙鎻愪緵淇℃伅銆佷氦浜掔瓑銆傞潤鎬佹ā鎬佹

寮濮嬫紨紺烘ā鎬佹

鍦ㄨ繖閲屾坊鍔犻夋嫨鎸夐挳

鍔ㄦ佹ā鎬佹

寮濮嬫紨紺烘ā鎬佹

鎸変笅ESC鎸夐挳閫鍑恆傚湪榪欓噷娣誨姞閫夋嫨鎸夐挳銆

寮哄ぇ鍒╃敤JS搴旂敤鐨凧avascript緗戞牸鎻掍歡鏈夊摢浜涘憿錛

宸ュ叿綾

鏂逛究鎿嶄綔瀵硅薄錛屾暟緇勭瓑鐨勫伐鍏峰簱

underscore.js

lo-dash涓巙nderscore.js鐨刟pi鍩烘湰涓鑷淬備笌underscore姣斿叾浼樺娍鏄錛屾晥鐜囬珮錛涘彲鑷瀹氫箟鏋勫緩

Sugar鍦ㄥ師鐢熷硅薄涓婂炲姞涓浜涘伐鍏鋒柟娉

functional.js鎻愬熶簡涓浜汣urry鐨勬敮鎸

Watch.js鐩戣嗗硅薄鎴栧睘鎬х殑鍙樺寲

bacon.js鍑芥暟寮忕紪紼嬶紝cool

streamjs鐢ㄦ祦鐨勬柟寮忔潵瀵規暟緇勶紝瀵硅薄榪涜岀郴鍒楁搷浣

寮傛ユ祦紼嬫帶鍒

eventproxy鏈寸伒鍑哄搧

Arbiter.js璇︾粏

鍙戝竷璁㈤槄

qPromise椋庢牸鐨

Async.js

mock

Mock.js鐢熸垚闅忔満鏁版嵁鍜宮ockAjax璇鋒眰

jquery-mockjaxmockajax璇鋒眰

鏃墮棿搴

moment

datejs

嫻忚堝櫒鎺㈡祴

Bowser鎺㈡祴鍏蜂綋嫻忚堝櫒鍜岀増鏈

ua-parser-js鎺㈡祴鍏蜂綋嫻忚堝櫒鍜岀増鏈錛屾搷浣滅郴緇燂紝璁懼囩被鍨嬬瓑

璋冭瘯

console-polyfill鑳芥斁蹇冪殑浣跨敤console.log()涔嬬被鐨刢onsole鏂規硶

log璁╂帶鍒跺彴杈撳嚭鐨刲og鏈夋牱寮

Konsole.js鍦ㄩ〉闈㈢殑涓涓鍏冪礌閲岃緭鍑簂og淇℃伅璇︾粏

uri.jsuri鎿嶄綔

cookie澧炲垹鏀筩ookie鐨勫伐鍏峰簱

director鍓嶇璺鐢卞簱璇︾粏

BigDecimal.js鎻愰珮綺懼害鐨勬暟瀛楁搷浣

JSDoc鏍規嵁javascript鏂囦歡涓娉ㄩ噴鐨勪俊鎮錛岀敓鎴怉PI鏂囨。璇︾粏

hotkeys閿鐩樹簨浠剁殑灝佽

MD5鐢∕D5鐨勬柟寮忓姞瀵嗘枃浠剁殑搴

嫻忚堝櫒澧炲己綾

璁╀竴浜涙棫嫻忚堝櫒鍙樼墰閫肩殑搴

Selectivizr璁㊣E6-8涓浜涚殑css3閫夋嫨鍣

ieBetter璁﹊e6-8鏈夐珮綰ф祻瑙堝櫒鐨勭壒鎬

ExplorerCanvas璁㊣E8-鐨勬祻瑙堝櫒鏀鎸乧anvas

CSS3Pie璁㊣E6-9鏀鎸乥order-radious,box-shadow,linear-gradient銆傚彲浠ヤ嬌鐢.htc鏂囦歡錛堟敞鎰廙inetype錛夋垨.js鏂囦歡銆傚湪鐢≒ie.js鏃訛紝box-radious鐨勫厓緔犳湁鑳屾櫙鑹叉椂錛屼笉鏄劇ず鑳屾櫙鑹層傘傘

formFive璁╂棫鐨勬祻瑙堝櫒鏀鎸丠TML5琛ㄥ崟鐨勪竴浜涚壒鎬э紝濡俻laceholder,autofocus

https://github.com/anselmh/object-fit璁╂祻瑙堝櫒鏀鎸乷bject-fit榪檆ss瑙勫垯

HTML5CrossBrowserPolyfills涓鍫哖olyfills

flexibility璁╂棫鐨処E涔熸敮鎸丗lexbox

閫夋嫨鍣ㄥ炲己

Lining.js璁╂祻瑙堝櫒瀹炵幇綾諱技::nth-line(),::nth-last-line()鐨勬晥鏋

鏈褰掔被

prefixfree鐢ㄤ簡瀹冿紝鍐檆ss鏃訛紝灝變笉闇瑕佸姞嫻忚堝櫒鐨勫墠緙浜

琛ㄥ崟綾

jquery-file-upload涓婁紶鏂囦歡緇勪歡璇︾粏

zTree鏂囦歡鏍戝艦瑙嗗浘鎺т歡

Treed鏍戠紪杈戝櫒銆傛劅瑙夊睍紺虹殑鎰熻夊緢鍍忔濈淮瀵煎浘

FileAPI瀵規枃浠墮夋嫨妗嗗唴鐨勬枃浠剁殑涓浜涘勭悊

琛ㄥ崟楠岃瘉

.Validate璇︾粏

jQuery-Validation-Engine

琛ㄥ崟鍏冪礌緹庡寲

uniform鎻愪緵瀵逛笅鎷夋嗭紝鍗曪紝澶嶉夋嗭紝鎸夐挳絳夎〃鍗曞厓緔犵殑緹庡寲

select2澶氶変笅鎷夋

selectivity鍜寀nfirom姣旇緝綾諱技

DropKick涓嬫媺妗嗭紝鍗曪紝澶氶夈傚栬傛瘮uniform濂

switcheryios7椋庢牸鐨勫紑鍏崇粍浠

nouislider鐢ㄦ粴鍔ㄦ潯鏉ヨ劇疆/鎺у埗錛堥煶閲忕瓑錛

range.css緹庡寲input鍏冪礌鐨勫栬

鍥劇墖綾

holderjs鐢熸垚鍗犱綅鍥劇墖

lazyload

imagesLoaded閫夊彇鐨勫浘鐗囬兘鍔犺澆濂藉悗鎵ц岃皟鍥

CSSgram鐢–SS3鐨凢ilter瀹炵幇Instagram婊ら暅鐨勫簱

鍥炬爣綾

IconFont奼囨

SVG鍋氱殑鍥炬爣

svgicons

iconic

HYBICON甯︿氦浜掓晥鏋溿傚俬over,click

HTML瀛楃﹀疄浣撳浘鏍

http://www.amp-what.com/

transformicons鍥炬爣鐐瑰嚮鏃訛紝浼氭湁涓浜涘彉鎹㈡晥鏋溿傚傦紝鍔犲彿鍙樻垚鍙夊彿

css3patternscss3鍋氱殑鍙騫抽摵綰圭悊銆傛祻瑙堝櫒鍏煎規т笉濂姐

嫻忚堝浘鐗

fancybox寮瑰嚭鏌ョ湅鍥劇墖錛岃嗗睆絳夌瓑demo

yoxview寮瑰嚭鏌ョ湅鍥劇墖錛屽浘鐗囧昂瀵哥緝鏀懼緢鑷鐒

鍥劇墖澧

wookmark

UI妗嗘灦

WeUI鐢卞井淇″畼鏂硅捐″洟闃熶負寰淇Web寮鍙戦噺韜璁捐°

Framework7

UI緇勪歡綾

鎷栨嫿

dragula鏀鎸丏raggable錛孌ropable鍜孲ortable銆傛劅瑙夋瘮jqueryUI鐨勮交閲忕駭錛屽ソ鐢ㄧ殑鏍峰瓙

angular-draguladragular瀹樻柟鐨刟ngular鐗堟湰

鏁版嵁鍙瑙嗗寲(鍥捐〃)

Echarts鐧懼害鍑哄搧

highcharts鍔熻兘寮哄ぇ銆傛槸鏀惰垂鐨勩

Plottable.JS鍩轟簬D3鐨勪竴涓鍥捐〃搴

flot鏂囨。涓嶇粰鍔

chartJs涓鏂囨枃妗demo寰堟紓浜錛屽緢娓呮櫚銆傛瘮杈冭交閲忕駭銆

ichartJs涓鍥界殑涓涓瀹朵紮鎼炵殑錛屾劅瑙夎繕涓嶉敊銆

鏃墮棿閫夊彇緇勪歡

foundation-datepicker

DatePicker涓涓綆鍗曠殑鏃ュ巻璇︾粏

fullcalendar鏀鎸佽劚鏀劇殑鏂瑰紡鏉ユ敼鍙樺緟鍔炰簨瀹滅殑鏃墮棿

SimpleEventsCalendar澶栬傚緢鍠滄銆傛敹璐5$

jQueryuidatepicker緇忓吀錛屼笉鏄寰堝ソ鐪

pickadate杞婚噺綰э紝鎵嬫満鍙嬪ソ鐨勶紝婕備寒銆備絾璨屼技鍙鑳藉湪寮瑰嚭灞備腑鏄劇ず錛岃屾病鏈変笅鎷夎繖縐嶆柟寮忔樉紺恆

zebra-datepicker鍙閰嶇疆鎬у緢寮恆備絾璨屼技鍙鑳藉湪寮瑰嚭鍦ㄥ彸涓婃柟銆傘傘

bootstrap-datepickerbootstrap椋庢牸銆

dateRangePicker閫夊彇鏃墮棿孌點俠ootstrap椋庢牸銆傝ョ粍浠朵緷璧朤witterBootstrap,Moment.js鍜宩Query.

鑷瀹氫箟婊氬姩鏉

perfectscrollbar杞婚噺綰х殑婊氬姩鏉°傚栬備笌mac涓奵hrome鐨勬粴鍔ㄦ潯涓鏍楓

iscroll鍦ㄧЩ鍔ㄨ懼囦笂鐢ㄤ笉閿

鍔犺澆(Loding)鏁堟灉

CSSSpinnersCSS鍋氱殑

Loaders.cssCSS鍋氱殑

琛ㄦ牸緇勪歡

jsGridDataGrid銆傝︾粏

backgrid鍩轟簬Backbone.js鐨凞ataGrid

excellentexport鎶婅〃鏍肩殑鍐呭圭敓鎴恊xcel銆傚吋瀹笷irefox,Chrome,IE6+

datatables琛ㄦ牸鍙浜や簰錛堝瑰唴瀹硅繘琛屾帓搴忥紝鍒犻櫎絳夛級

handsontable鐢熸垚Excel澶栬傜殑鏁版嵁

JSpreadsheets琛ㄦ牸鏁版嵁鐨勭粍浠跺簱

閫夊彇棰滆壊

Spectrum

鍒嗕韓鍒癝NS

JiaThis鐢熸垚鍒嗕韓浠ｇ爜銆

緙栬緫鍣

ace浠ｇ爜緙栬緫鍣錛屽彲浠ョ敤鏉ュ仛demo婕旂ず

ckeditor

ueditor鐧懼害鍋氱殑

tinymce瀵筯tml鍐呭硅繘琛屽疄鏃剁殑緙栬緫

summernote鍦ㄧЩ鍔ㄨ懼囦笂鐢ㄤ笉閿

閫氱煡緇勪歡

notie.js

HTML5鎾鏀懼櫒

jwplayer琚澶ч噺緗戠珯浣跨敤

html5media綆鍗曠殑h5player錛岃交閲忕駭

jplayer鍔熻兘寮哄お錛屽彲鎹㈣偆

灞曠ず

Impress.js鍚勭嶆棆杞錛屽拰濂囩壒鐨勪綋楠

fullPage鍏ㄥ睆鏄劇ず銆傜敤婊氳疆鏉ョ炕欏佃︾粏

zepto.fullpage涓撴敞浜庣Щ鍔ㄧ鐨刦ullPage.js錛屼緷璧朲epto

pagePiling鍜宖ullPage綾諱技

turn.js鍋氫竴鏈涔︼紝甯︽紓浜鐨勭炕欏電殑鏁堟灉

騫葷伅

slidesjs鎸哄ソ鐢ㄧ殑錛屽彧鏄閭ｅ夠鐏瀵艱埅鐨凜SS閮借佽嚜宸卞啓錛屽懙鍛佃︾粏

iSlider鏃犱換浣曟彃浠朵緷璧栫殑鎵嬫満騫沖彴javascript婊戝姩緇勪歡璇︾粏

bgstretcher鍏ㄥ睆騫葷伅錛屼細闅忕潃欏甸潰澶у皬鐨勫彉鍖栬屽彉鍖栥

Swiper寮婧愩佸厤璐廣佸己澶х殑縐誨姩絝瑙︽懜婊戝姩鎻掍歡Swiper涓鏂囩綉

coin-slider鍏煎笽E6銆傝洰濂界殑~銆備笉榪囧叾鍒囨崲鏂瑰紡鏄涓鍧楀潡鐨勩備笉鑳介厤緗鍒囨崲鏂瑰紡銆傘傘

wowslider騫葷伅鍒囨崲鏃跺悇縐嶅緢鐐鐨勬晥鏋溿傛敹璐廣

cycle2鏅閫氱殑騫葷伅錛岀珶鐒朵笉鏀鎸佸瀭鐩存粴鍔ㄣ傘傘

jcarousel鏅閫氱殑騫葷伅錛屼笉鍏煎笽E6

reveal3d婊氬姩銆傚仛ppt鐩稿綋涓嶉敊

nodePPT鍥戒漢鍋氱殑錛屽仛ppt涔熺浉褰撲笉閿欍傛湁浜涙柟闈㈡瘮reveal鍋氱殑榪樺ソ銆備絾鐢熸垚瀵煎嚭鐨刪tml鏈変簺闂棰

roundabout3d鍒囨崲錛岀湅鐨勫悗闈㈠浘鐗囩殑杈

寮瑰嚭妗

Magnific-Popup鍏煎筆C錛孧obile銆傝繕涓嶉敊錛屾湁5k+鐨剆tar

layer鍥戒漢寮鍙戠殑錛屽吋瀹筰e6+銆備笉鍠滄㈠叾璋冪敤鏂瑰紡銆

鍔ㄧ敾鏁堟灉

mixitup鐢ㄦ紓浜鐨勫姩鐢繪晥鏋滄潵瀹屾垚鎺掑簭鍜岀瓫閫

jQuery.Marquee璺戦┈鐏鏁堟灉

quickflip鍗＄墖緲昏漿鏁堟灉

鍗＄墖緲昏漿鏁堟灉2鍏煎規у彲浠ャ傚啓鐨勬瘮杈冪畝鍗曪細1錛屽彧鏀鎸亁鏂瑰悜緲昏漿2,綾誨悕閮芥槸瑙勫畾濂界殑3錛屽彧鑳借璋冪敤涓嬈°傞渶瑕佹敼鍐欎竴涓嬨傛垜鐨勬敼榪涚増瑙佽繖閲

TheaterJS妯℃嫙涓や釜浜哄湪灞忓箷涓婂硅瘽

midnight.js鏂囧瓧棰滆壊闅忕潃鑳屾櫙鍙橈紝_鐐鎬簡

color-animationjquery鐨勯滆壊娓愬彉鍔ㄧ敾鎻掍歡銆俲query鐨勫姩鐢諱笉鏀鎸侀滆壊鍊肩殑鍙樺寲銆傛敼搴撴彁渚涗簡榪欎釜鏀鎸併

transit瀵瑰厓緔犺繘琛宑ss鐨勫彉鎹

tagcanvas3D鏍囩句簯鏁堟灉璇︾粏

iconate鍥劇墖鍒囨崲鍔ㄧ敾

Snap.js宸/鍙充晶瀵艱埅鐨勫嚭鐜版晥鏋

CSSshake鎶栧姩鍔ㄧ敾

ClickSpark.js鐐瑰嚮鍚庣殑涓浜涢叿鐐鐨勬晥鏋

瑙嗚夊樊鎻掍歡

scrollorama姣旇緝綆鍗

superscrollorama鑳藉仛鐨勬晥鏋滄洿澶氾紝浣嗚佺敤絎涓夋柟Tween鐨勫簱錛屼嬌鐢ㄨ搗鏉ユ瘮杈冨嶆潅銆

scrolldeck

flash

swfobj鑳藉熻嚜鍔ㄦ嫻婸C銆丮ac鏈哄櫒涓婂悇縐嶄富嫻佹祻瑙堝櫒瀵笷lash鎻掍歡鐨勬敮鎸佹儏鍐點傚畠浣垮緱鎻掑叆Flash濯掍綋璧勬簮灝介噺綆鎹楓佸畨鍏ㄣ傝屼笖瀹冩槸闈炲父絎﹀悎鎼滅儲寮曟搸浼樺寲鐨勫師鍒欑殑銆傛ゅ栵紝瀹冭兘澶熼伩鍏嶆偍鐨凥TML銆乆HTML涓鍑虹幇object銆乪mbed絳夐潪鏍囧噯鏍囩撅紝浠庤岀﹀悎鏇村姞鏍囧噯銆傝︾粏

鎶藉

wScratchPad鍒鍒鍗″埉濂栨晥鏋

jqueryrotate鏃嬭漿鎻掍歡銆傚彲浠ョ敤鏉ュ仛杞鐩樻娊濂栨晥鏋

鐢ㄦ埛浣撻獙澧炲己綾

Intro.js鐢ㄦ潵浠嬬粛緗戠珯鐨勫姛鑳藉緢涓嶉敊銆備篃鍙浠ュ仛鏂版墜寮曞箋

blockUILolding緇勪歡銆

simple-hint鎻愮ず淇℃伅銆傜敤css鍋氱殑銆傚吋瀹規IE9+銆

dotdotdot鏂囧瓧婧㈠嚭鏃訛紝娣誨姞鍦ㄦ枃瀛楁湯灝懼姞鐪佺暐鍙

jQuery-menu-aim浜岀駭鑿滃崟鐨勫垏鎹㈠侫mazon涓婚〉涓婁竴鏍瘋繀閫

AnythingZoomer鏀懼ぇ闀滃姛鑳

緹庡寲/楂樹寒璇娉曚唬鐮

google-code-prettify

DlHighlight浠呮敮鎸丣avaScript銆丆SS銆乆ML銆丠TML榪4璇娉曢珮浜

please鎸夎佹眰闅忔満鑸掓湇鐨勯滆壊

Awesomplete杈撳叆鐨勬櫤鑳芥彁紺猴紝鑷鍔ㄨˉ鍏

proTip鎻愮ず銆傛劅瑙夋瘮Bootstrap鐨則ip濂

Hammerjs鎵嬪娍搴撱傚皝瑁呬簡Swipe,Tap,Pinch,Pan絳夋墜鍔

鍔ㄧ敾

velocity鎻愰珮Jquery鍔ㄧ敾鐨勬ц兘銆備互鍙婇滆壊鍔ㄧ敾涔嬬被鐨勬柊鐗規с

SVG

Snap.svg鎿嶄綔SVG鐨凧S搴撱傚彿縐癝VG鐨刯Query銆俤emo

walkway浠ュ姩鐢葷殑鏂瑰紡錛屾笎娓愬湴鐢誨嚭SVG鐨勮礬寰勩

嫻嬭瘯

Mocha

Chai

Should

Snoion

DeviceMock.jsmock璁懼囥

鍏朵粬綾

ZeroClipboard灝嗗唴瀹瑰嶅埗鍒板壀鍒囨澘鍏煎逛富嫻佹祻瑙堝櫒鐨勮В鍐蟲柟妗堣︾粏

html2canvashtml杞鍖栨垚canvas錛屽彲浠ョ敤鏉ュ仛鎴鍥俱傝︾粏

Ink鍝嶅簲寮廻tml閭浠舵嗘灦

鎬ц兘嫻嬭瘯

鎶撳彇錛岃В鏋怰SS鍐呭癸紙涓嶈兘璺ㄥ煙錛屾墍浠ュ悗鍙拌佸仛浠ｇ悊錛屾墍璋撶殑瑙ｆ瀽Rss鍏跺疄灝辨槸瑙ｆ瀽xml錛

jFeed

jRss綆鍗曠増鐨刯Feed

scriptcam涓庢憚鍍忓ご浜や簰

cylon.js鏈哄櫒浜烘嗘灦錛屾敮鎸35涓騫沖彴

Masonry涓涓鐎戝竷嫻佹嗘灦

devices.css縐誨姩璁懼囪竟妗嗙殑澶栬傘傚仛鍘熷瀷鐨勬椂鍊欑敤涓嶉敊銆

Bootstrap鐩稿叧綾

Bootbox.js瀵筨ootstrap鐨勫脊鍑烘嗗仛鐨勪竴浜涘皝瑁

鍏嶈垂鐨鑲

AdminLTE

JSPlugins浠撳簱

jQueryCards楂樿川閲忕殑jQuery鎻掍歡緗戠珯

jster

nodemoles

YOUMIGHTNOTNEEDJQUERYPLUGINS涓嶄緷璧杍Query鐨刯s鎻掍歡銆

awesome-nodejs

Libraries.io鍚勭嶈璦鐨勫簱

OniUI鍘誨摢鍎跨綉鍋氱殑涓濂楀熀浜嶢valon鐨勬嗘灦

甯哥敤鐨勭Щ鍔ㄧ妗嗘灦

zepto.js

璇娉曚笌jquery鍑犱箮涓鏍鳳紝浼歫query鍩烘湰浼歾epto~

鏈鏂扮増鏈宸茬粡鏇存柊鍒1.16

iscroll.js

瑙ｅ喅欏甸潰涓嶆敮鎸佸脊鎬ф粴鍔錛屼笉鏀鎸乫ixed寮曡搗鐨勯棶棰榽

瀹炵幇涓嬫媺鍒鋒柊錛屾粦灞忥紝緙╂斁絳夊姛鑳絶

鏈鏂扮増鏈宸茬粡鏇存柊鍒5.0

underscore.js

絎旇呮病鐢ㄨ繃錛屼笉榪囧惉璇村ソ鐢錛屾帹鑽愮粰澶у秪

璇ュ簱鎻愪緵浜嗕竴鏁村楀嚱鏁板紡緙栫▼鐨勫疄鐢ㄥ姛鑳斤紝浣嗘槸娌℃湁鎵╁睍浠諱綍JavaScript鍐呯疆瀵硅薄銆

鏈鏂扮増鏈宸茬粡鏇存柊鍒1.8.2

婊戝睆妗嗘灦

閫傚悎涓婁笅婊戝睆銆佸乏鍙蟲粦灞忕瓑婊戝睆鍒囨崲欏甸潰鐨勬晥鏋

slip.js

iSlider.js

fullpage.js

swiper.js

flex甯冨矓

flex甯冨矓鐩鍓嶅彲浣跨敤鍦ㄧЩ鍔ㄤ腑錛屽苟闈炴墍鏈夌殑璇娉曢兘鍏ㄥ吋瀹癸紝鏁堟灉鑹濂絶

JavaScript鐨刯Query搴撴彃浠剁殑綆瑕佸紑鍙戞寚鍗楋紵

1.琛ㄥ崟楠岃瘉鎻掍歡validate.js

2.琛ㄦ牸鎻掍歡dateTables.js

3.寮瑰眰鎻掍歡layer.js

4.鍒嗛〉鎻掍歡layPage.js5涓嬫媺妗嗛夋嫨鎻掍歡select2.jschosen.js6.鍥劇墖鍏ㄥ睆鏄劇ずsupersized.js7.澶嶉夋嗗崟閫夋寜閽緹庡寲iCheck.js琛ㄥ崟緹庡寲鎻掍歡uniform.js閲屼篃琛岋紝鍙浠ョ湅鐪8.鍏ㄥ睆婊氬姩鎻掍歡fullPage.js9.涓婁紶鎻掍歡zyUpload.js10.鏍戞彃浠秡Tree.js11.琛ㄥ崟鎻愪氦鎻掍歡ajaxForm.js12.杈撳叆鏍煎紡鍖栨彃浠秈nputmask.jsmaskedinput.js13.鍚戝兼彃浠秄ormToWizard.js14.鏃ュ巻鎻掍歡fullcalendar.js15.鎵嬫満絝婊氬姩鎻掍歡iscroll.js

tms-0.4.1.js榪欎釜js鎻掍歡鏄鐢ㄦ潵鍋氫粈涔堢殑錛

璨屼技鏄鐢ㄤ綔鍥劇墖婊戝姩騫垮憡鐨勶紝綾諱技浜庝含涓滈栭〉閭ｇ嶏紝

3. JQ/JS 漸變淡出顯示和漸變淡入隱藏，animate().css() 如何執行

• 我不知道是要它們同時進行還是先移動過去再隱藏，2個；

• 第一個是先移動後隱藏

• $(function(){

• $("div").animate({ left:"100",opacity:1},1000,function(){

• $(this).css({display:"none"})

• })

• })

• 第2個是移動過去的同時隱藏

• $(function(){

• $("div").animate({ left:"100",opacity:1},1000)

• })

4. js多條標題滾動右到左滾動 並且漸變消失

雖然沒做過，但是我知道用Jquery一定可以，而且很簡單，你可以下載jquery中文手冊查查看

5. 怎麼用jquery做上下翻頁

jquery上下翻頁插件實現（js文件引用需要修改）

<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/>
<title>用jQuery插件實現的滾屏效果,帶上下翻頁控制按鈕CsrCode.Cn</title>
<styletype="text/css">
ul,li{margin:0;padding:0}
#scrollDiv{width:300px;height:100px;min-height:25px;line-height:25px;border:#ccc1pxsolid;overflow:hidden}
#scrollDivli{height:25px;padding-left:10px;}
</style>
<scripttype="text/javascript"src="/js/jquery1.3.2.js"></script>
<scripttype="text/javascript">
(function($){
$.fn.extend({
Scroll:function(opt,callback){
//參數初始化
if(!opt)varopt={};
var_btnUp=$("#"+opt.up);//Shawphy:向上按鈕
var_btnDown=$("#"+opt.down);//Shawphy:向下按鈕
vartimerID;
var_this=this.eq(0).find("ul:first");
varlineH=_this.find("li:first").height(),//獲取行高
line=opt.line?parseInt(opt.line,10):parseInt(this.height()/lineH,10),//每次滾動的行數，默認為一屏，即父容器高度
speed=opt.speed?parseInt(opt.speed,10):500;//卷動速度，數值越大，速度越慢（毫秒）
timer=opt.timer//?parseInt(opt.timer,10):3000;//滾動的時間間隔（毫秒）
if(line==0)line=1;
varupHeight=0-line*lineH;
//滾動函數
varscrollUp=function(){
_btnUp.unbind("click",scrollUp);//Shawphy:取消向上按鈕的函數綁定
_this.animate({
marginTop:upHeight
},speed,function(){
for(i=1;i<=line;i++){_this.find("li:first").appendTo(_this);
}
_this.css({marginTop:0});
_btnUp.bind("click",scrollUp);//Shawphy:綁定向上按鈕的點擊事件
});
}

//Shawphy:向下翻頁函數
varscrollDown=function(){
_btnDown.unbind("click",scrollDown);
for(i=1;i<=line;i++){
_this.find("li:last").show().prependTo(_this);
}
_this.css({marginTop:upHeight});
_this.animate({
marginTop:0
},speed,function(){
_btnDown.bind("click",scrollDown);
});
}

//Shawphy:自動播放
varautoPlay=function(){
if(timer)timerID=window.setInterval(scrollUp,timer);
};
varautoStop=function(){
if(timer)window.clearInterval(timerID);
};

//滑鼠事件綁定
_this.hover(autoStop,autoPlay).mouseout();
_btnUp.css("cursor","pointer").click(scrollUp).hover(autoStop,autoPlay);//Shawphy:向上向下滑鼠事件綁定
_btnDown.css("cursor","pointer").click(scrollDown).hover(autoStop,autoPlay);
}
})
})(jQuery);

$(document).ready(function(){
$("#scrollDiv").Scroll({line:4,speed:500,timer:3000,up:"btn1",down:"btn2"});
});
</script>
</head>
<body>
<p>多行滾動演示：</p>
<divid="scrollDiv">
<ul>
<li>
<atarget="_blank"href="#">
好漂亮十多個</a></li>
<li>
<atitle="CSS製作斜角上有背景圖片的Div層"target="_blank"href="#">
CSS製作斜角上有背景圖片的Div層</a></li>
<li>
<atitle="Js實現的層展開、層折疊效果，默認時候層是折疊的"target="_blank"href="#">
Js實現的層展開、層折疊效果，默認折疊</a></li>
<li>
<atitle="DIV始終固定在網頁右下角位置的CSS實現方法"target="_blank"href="#">
DIV固定在右下角位置的CSS實現方法</a></li>
<li>
<atitle="JavaScript未知高度元素的垂直居中的方法"target="_blank"href="#">
JavaScript未知高度元素的垂直居中的方法</a></li>
<li>
<atitle="漸變彩色的文字"target="_blank"href="#">
漸變彩色的文字</a></li>
<li>
<atitle="指定文字逐條顯示"target="_blank"href="#">
指定文字逐條顯示</a></li>
<li>
<atitle="滾動的標題欄"target="_blank"href="#">
滾動的標題欄</a></li>
<li>
<atitle="JS4屏平滑滾動幻燈片特效"target="_blank"href="#">
JS4屏平滑滾動幻燈片特效</a></li>
<li>
<atitle="圖片的無縫滾動（縱向、橫向）"target="_blank"href="#">
圖片的無縫滾動（縱向、橫向）</a></li>
<li>
<atitle="滑鼠觸及帶邊框的菜單"target="_blank"href="#">
滑鼠觸及帶邊框的菜單</a></li>
<li>
<atitle="比較實用的CSS控制鏈接顏色效果"target="_blank"href="#">
比較實用的CSS控制鏈接顏色效果</a></li>
<li>
<atitle="滑鼠接觸或者離開圖片時，圖片大小會相應變化"target="_blank"href="#">
滑鼠接觸或者離開圖片時，圖片大小會相應變化</a></li>
<li>
<atitle="特殊的滑鼠懸停提示"target="_blank"href="#">
特殊的滑鼠懸停提示</a></li>
</ul>
</div>
<spanid="btn2">向上翻頁</span>
<spanid="btn1">向下翻頁</span>
</body>
</html>

6. html js 或者css怎麼做到隱藏滾動條，但是依舊可以滾動

一、文字溢出，就讓文字自動換行，代碼如下：