ส่วนของเว็บไซต์
ตัวเลือกของบรรณาธิการ:
- จะทำอย่างไรถ้าคอมพิวเตอร์ของคุณไม่มีไดรฟ์ D?
- จะเพิ่มพาร์ติชั่นใหม่ลงในฮาร์ดไดรฟ์ได้อย่างไร?
- คะแนนและรีวิวของ ลำโพงบลูทูธ JBL Flip3
- รูปแบบหนังสือ
- การเชื่อมต่อและตั้งค่าทีวีแบบโต้ตอบจาก Rostelecom
- วิธีลบบัญชี Instagram ของคุณ
- แท็บเล็ต Android หรือ iPad - จะเลือกอะไรดี?
- วิธีจัดรูปแบบความต่อเนื่องของตารางใน Word อย่างถูกต้อง
- จะทำอย่างไรถ้าคุณพัฒนาแบบออฟไลน์
- การทดสอบโปรเซสเซอร์ว่ามีความร้อนสูงเกินไป
การโฆษณา
แกลเลอรี่ผลงาน jquery Fotorama - แกลเลอรี jQuery ที่ตอบสนองการติดตั้งและการกำหนดค่า |
โดย Dmitry Semenov โดย Andy – The Coffeescripter โดยเทรนท์ โดย ไอโนะ โดย CatchMyFame โดย โธมัส คาห์น โดย Victor Zambrano – frwrd.net โดย แคสปาร์ เดวิด ฟรีดริช โดย อาร์โนลต์ ปาโชติ โดยสเตฟาน เปเตร โดย โมเรโน ดิ โดเมนิโก้ โดย ฟาบริซิโอ คัลเดรัน โดยโคดี้ โดยมาลิฮู ภาพขนาดย่อของโครงการจะเลื่อนเมื่อคุณเลื่อนเคอร์เซอร์ของเมาส์ในคอลัมน์ด้านซ้าย พื้นที่เนื้อหาแสดงรูปภาพขนาดใหญ่ขึ้นพร้อมชื่อโปรเจ็กต์ คำอธิบาย และรายการเทคโนโลยีที่ใช้ เมื่อคุณเลื่อนไปมาระหว่างภาพขนาดย่อ ข้อมูลโปรเจ็กต์จะเปลี่ยนไปพร้อมกับเอฟเฟ็กต์ภาพเคลื่อนไหวที่น่าทึ่ง เมื่อคุณคลิกที่รูปภาพในหน้าคำอธิบาย รูปภาพนั้นจะขยายใหญ่ขึ้นโดยใช้ภาพเคลื่อนไหว jQuery ฉันยังอยากจะสังเกตความสง่างามอันน่าทึ่ง รูปร่างหน้าพอร์ตโฟลิโอทั้งหมด ชมการสาธิต 2. การใช้งานขั้นสูงของไซต์พอร์ตโฟลิโอโดยใช้ CSS และ jQueryการใช้งานเว็บไซต์ผลงานของช่างภาพได้อย่างดีเยี่ยม เมื่อคุณคลิกที่รายการเมนู พื้นที่ที่มีเนื้อหาที่มีความสูงและความกว้างคงที่จะถูกประกอบจากสี่เหลี่ยมจัตุรัสที่กระจัดกระจายไปทั่วหน้าจอ เพื่อให้พอดีกับข้อมูลเพิ่มเติมในพื้นที่คงที่ คุณสามารถเลื่อนเนื้อหาได้ การใช้งานการแสดงผลงานจากพอร์ตโฟลิโอนั้นผิดปกติ: เมื่อคุณคลิกที่ภาพขนาดย่อภาพถ่ายจะแสดงเป็น ภาพพื้นหลังซึ่งจะปรับขนาดโดยอัตโนมัติเมื่อมีการปรับขนาดหน้าต่างเบราว์เซอร์ 3. ผนังพอร์ตโฟลิโอด้วย jQueryโซลูชั่นดั้งเดิมสำหรับการสร้างพอร์ตโฟลิโอออนไลน์ บล็อกโปรเจ็กต์ (รูปขนาดย่อและคำอธิบายสั้นๆ พร้อมลิงก์) จะแสดงหลายรายการติดต่อกัน เมื่อคุณเปลี่ยนหน้าต่างเบราว์เซอร์ บล็อกต่างๆ จะถูกกระจายเท่าๆ กันบนเพจพร้อมเอฟเฟกต์ภาพเคลื่อนไหว แต่ละโปรเจ็กต์สามารถมีภาพขนาดย่อได้หลายภาพ ซึ่งการเปลี่ยนภาพจะดำเนินการโดยใช้ลูกศร การคลิกลิงก์จะเปิดหน้าเว็บพร้อมคำอธิบายแบบเต็ม โดยข้อความจะถูกวางไว้บนบล็อกกึ่งโปร่งใสที่มีความสูงคงที่พร้อมการเลื่อน รูปภาพที่ปรับขนาดได้ของโครงการจะถูกนำมาใช้เป็นพื้นหลังของหน้า ดูเท่มาก - ชมการสาธิต 4. การเลื่อนหน้า jQuery ราบรื่นการใช้งานการเลื่อนแนวตั้งและแนวนอน 5. ปลั๊กอิน jQuery “ตารางกล่องภาพที่ลากได้”ตารางที่ลากได้ประกอบด้วยบล็อกเนื้อหาและรูปภาพ สามารถลากตารางได้โดยใช้เมาส์ (กดปุ่มเมาส์ใดก็ได้แล้วลากไปในทิศทางที่ต้องการ) เมื่อคุณคลิกที่ภาพขนาดย่อ รูปภาพหลักจะขยายจนเต็มความกว้างของหน้าจอ เมื่อคุณคลิกที่บล็อกสีเข้มพร้อมข้อความ พื้นที่ที่มีคำอธิบายโดยละเอียดมากขึ้นจะเปิดขึ้น 6. เว็บไซต์ผลงานหน้าเดียวเว็บไซต์หน้าเดียวที่มีการเปลี่ยนแปลงเนื้อหาภาพเคลื่อนไหว ในหน้าสาธิต ให้เลื่อนไปตามแท็บเมนูเพื่อดูเอฟเฟกต์ 7. การเปลี่ยนประเภทการแสดงบล็อกเป็น jQueryด้วยสิ่งนี้ ปลั๊กอิน jQueryและ "สลับตัวเลือกการแสดงผล" คุณสามารถใช้สวิตช์บนเพจได้ โดยผู้เยี่ยมชมจะเปลี่ยนจากการแสดงข้อมูลแบบตารางเป็นมุมมองแบบเต็มพร้อมคำอธิบายของบล็อก เหมาะสำหรับการนำพอร์ตโฟลิโอไปใช้ 8. เทมเพลตสำหรับเว็บไซต์ร้านอาหารพร้อมแกลเลอรี jQuery และ Google mapโซลูชัน jQuery ดั้งเดิมที่สร้างขึ้นสำหรับเว็บไซต์ร้านกาแฟ เทมเพลตใช้แกลเลอรี jQuery ที่น่าสนใจสำหรับการแสดงอาหารจากเมนู รูปภาพในแกลเลอรีจะถูกปรับขนาดโดยขึ้นอยู่กับขนาดของหน้าต่างเบราว์เซอร์ ขั้นแรก แกลเลอรีจะแสดงภาพขนาดย่อพร้อมชื่อเรื่องและ คำอธิบายสั้น ๆจานที่มีรูปถ่ายขนาดเต็มแสดงเป็นสีเข้มในพื้นหลัง นำทางระหว่างรูปภาพที่มีอยู่โดยใช้ลูกศรหรือล้อเลื่อนของเมาส์ การคลิกเมาส์ในโหมดแกลเลอรีจะเป็นการลบภาพขนาดย่อพร้อมคำอธิบาย และช่วยให้คุณสามารถดูภาพต้นฉบับขนาดใหญ่ที่ทอดยาวตลอดความกว้างของหน้าต่างได้ หากต้องการกลับไปยังเมนูไซต์จากแกลเลอรี ให้คลิกลิงก์ที่มุมขวาบน นอกจากแกลเลอรี jQuery สุดเก๋แล้ว แผนที่จาก Google ยังรวมเข้ากับเทมเพลตได้อย่างมีประสิทธิภาพอีกด้วย 9. ปลั๊กอิน Plasm The Wallเพื่อสร้าง “กำแพง” ที่เป็นเอกลักษณ์จากภาพถ่ายหรือบล็อก HTML ที่สามารถลากผ่านหน้าจอภายในพื้นที่คงที่ได้โดยใช้เมาส์ 10. ปลั๊กอินสำหรับแสดงองค์ประกอบเป็นวงกลมแสดงองค์ประกอบต่างๆ บนหน้าตามวงกลมที่มีเส้นผ่านศูนย์กลางที่กำหนด 11. หน้าตัวยึดตำแหน่ง “ไซต์อยู่ระหว่างการพัฒนา”หน้านี้มีความสามารถในการส่งที่อยู่อีเมลซึ่งบันทึกไว้ในฐานข้อมูลและสามารถส่งการแจ้งเตือนเกี่ยวกับการเปิดเว็บไซต์ได้ หน้านี้ยังตกแต่งด้วยสไลด์โชว์ขนาดเล็กโดยใช้ปลั๊กอิน jQuery Nivo Slider v. 2.3. 12. ปลั๊กอิน QuickFlip 2ด้วยความช่วยเหลือนี้ คุณสามารถสร้างเอฟเฟกต์ที่น่าสนใจของการหมุนเวียนนามบัตรได้เมื่อคุณคลิกที่ลิงก์ 13. JQuery คลิกแผนที่แนวคิดคือการติดตามการคลิกของผู้ใช้ หากต้องการดูการทำงานของปลั๊กอินในหน้าสาธิต ให้คลิกเมาส์แล้วคลิกปุ่ม “วิเคราะห์” และจุดที่คุณคลิกด้วยเมาส์จะปรากฏบนพื้นหลังโปร่งแสง การใช้แป้นพิมพ์บนหน้าจอที่ดี คุณไม่มีทางรู้หรอกว่ามันจะมีประโยชน์สำหรับบางสิ่งบางอย่าง 15. jQuery Sticky Notesการดำเนินการบันทึกย่อ สามารถแก้ไขข้อความได้ และสามารถลบหรือย้ายบันทึกย่อไปรอบๆ หน้าจอได้ หากต้องการดูตัวอย่าง ให้ไปที่แท็บ “สาธิต” ในหน้าสาธิต 16. การให้คะแนน jQuery 17. HoverAttributeการออกแบบลิงก์ที่น่าสนใจ: เมื่อคุณวางเมาส์เหนือลิงก์ จุดยึดของลิงก์จะเปลี่ยนไป ดูเท่ 18. jQuery Fancy captcha สำหรับแบบฟอร์มลงทะเบียนการใช้ captcha สำหรับแบบฟอร์มการลงทะเบียน ปลั๊กอินคือชุดตัวเลขที่ต้องตั้งค่าจากน้อยไปหามากโดยการลาก เพียงพอ วิธีที่น่าสนใจเพื่อยืนยันว่าการลงทะเบียนเป็นบุคคลจริงไม่ใช่หุ่นยนต์ มีปุ่มที่ด้านล่างของหน้าจอที่คุณสามารถใช้เพื่อเลื่อนหน้าขึ้นหรือลงได้อย่างราบรื่น 20. นักแปล. ปลั๊กอิน jQuery "jTextTranslate"ปลั๊กอินใช้ Google Language API และสามารถแปลข้อความเป็นภาษาใดๆ ที่ Google ให้ไว้ได้ หากต้องการแปล คุณต้องคลิกที่ไอคอนถัดจากย่อหน้าและเลือกภาษาที่คุณต้องการแปลจากรายการแบบเลื่อนลง 21. ปลั๊กอิน jQuery สำหรับการนำทางหน้าการใช้งานลิงก์เลื่อนที่ยอดเยี่ยมสำหรับการนำทางหน้า ดำเนินการโดยใช้ jQuery 22. ปลั๊กอิน jQuery “หมายเหตุ”ปลั๊กอิน jQuery นี้จะช่วยให้คุณใช้บันทึกย่อ "กระดาษ" บนเว็บไซต์ของคุณ 23. ปลั๊กอิน jQuery “Catch404” 24. ปลั๊กอิน jQuery jBreadCrumbปลั๊กอินสำหรับสร้างห่วงโซ่การนำทางแบบเคลื่อนไหว 25. ปลั๊กอิน “รีล” 26. ปลั๊กอิน jQuery “ฟลอร์เต้นรำ”ปลั๊กอิน jQuery สำหรับการนำหน้าผลิตภัณฑ์ไปใช้ เมื่อคุณคลิกที่ภาพผลิตภัณฑ์ คำอธิบายจะปรากฏขึ้น 27. ปลั๊กอิน jQuery “แท็กคลาวด์ 3D” 28. CSS เชิงปริมาตรปุ่ม 29. การเลื่อนหน้าแนวนอนแบบเคลื่อนไหวผล jQuery ของการเลื่อนหน้าแนวตั้ง เหมาะสำหรับการใช้งานเว็บไซต์หน้าเดียวและเว็บไซต์พอร์ตโฟลิโอ หากต้องการดูเอฟเฟกต์ ให้คลิกที่รายการเมนูบนหน้าสาธิต 30. ปลั๊กอิน jQuery “ระบบการให้คะแนน”เอฟเฟกต์ jQuery สำหรับการประเมินบางสิ่ง สีของวงกลมและข้อความที่อยู่ด้านล่างจะเปลี่ยนไปตามวงกลมที่เคอร์เซอร์ของเมาส์วางอยู่เหนือ 31. jQuery แผงเมจิกปลั๊กอินที่ใช้การนำทางไซต์ ในกรณีนี้ ไซต์ของคุณจะถูกนำเสนอเป็นตารางเอกสาร ซึ่งจะมีการเปลี่ยนผ่านด้วยเอฟเฟกต์ jQuery ที่น่าสนใจ คุณสามารถใช้ปลั๊กอินนี้เพื่อสร้างเว็บไซต์ขนาดเล็กและเว็บแอปพลิเคชันได้อย่างง่ายดาย มันจะไม่ดูแย่บนเว็บไซต์พอร์ตโฟลิโอด้วย 32. ตัวบ่งชี้การโหลดบน Mootools, ปลั๊กอิน “MoogressBar”ตัวบ่งชี้การโหลดที่มีประสิทธิภาพ 33. ปลั๊กอิน Mootools “CwComplete”เมื่อกรอกข้อมูลในช่องปลั๊กอินจะแจ้ง ตัวเลือกที่เป็นไปได้เพื่อกรอกโดยใช้ Ajax โดยในกรณีนี้จะกรองและแสดงเฉพาะตัวเลือกที่ตรงกับข้อความที่กรอกไว้แล้วเท่านั้น 34. แชท ajax ที่ยอดเยี่ยมโดยใช้ jQuery และ CSS3ก่อนที่จะเริ่มการสนทนา ผู้เยี่ยมชมจะต้องป้อนชื่อเล่นและอีเมลของเขา คอลัมน์ทางขวาแสดงจำนวนคนที่เข้าสู่ระบบแชท เทคโนโลยีที่ใช้: PHP, MySQL, jQuery, CSS 35. การใช้งานหน้า “แนะนำโครงการ”ผู้เยี่ยมชมสามารถเพิ่มข้อเสนอใหม่หรือลงคะแนนให้กับข้อเสนอที่มีอยู่ได้ โซลูชั่นที่ยอดเยี่ยมสำหรับผู้ที่ต้องการทราบว่าผู้ชมคิดอย่างไรเกี่ยวกับไซต์ คุณยังสามารถใช้หน้านี้เพื่อรวบรวมแนวคิดใหม่ๆ สำหรับการพัฒนาโครงการของคุณต่อไป เทคโนโลยีที่ใช้: PHP, MySQL, jQuery, CSS 36. การดำเนินการลงคะแนน/สำรวจความคิดเห็นด้วย โดยใช้ PHPและ jQuery 37 การโหวตใน Ajax “TinyEditor”การดำเนินการสำรวจบนเว็บไซต์อย่างแม่นยำ เทคโนโลยีที่ใช้: JQuery, Ajax, PHP และ MySQL โซลูชันที่น่าสนใจมากสำหรับการดำเนินการลงคะแนนเสียงบนเว็บไซต์ ด้วยการลากบล็อกขึ้นและลงแล้วจับรูปภาพด้วยเมาส์ คุณสามารถจัดเรียงรูปภาพเหล่านั้นบนหน้าตามลำดับใดก็ได้ ยิ่งคุณออกจากบล็อกสูงเท่าไร คุณก็จะให้คะแนนบล็อกได้ดีขึ้นเท่านั้น และด้วยเหตุนี้ หากบล็อกนั้นถูกวางไว้ที่ด้านล่างสุด นั่นหมายความว่าคุณชอบบล็อกนั้นน้อยที่สุด หลังจากที่คุณวางบล็อกตามลำดับที่ต้องการแล้ว คุณต้องคลิกที่ปุ่ม "ส่งแบบสำรวจ" เพื่อพิจารณาการโหวต หน้าผลลัพธ์จะแสดงผลการลงคะแนนและจำนวนผู้เยี่ยมชมที่ลงคะแนน เทคโนโลยีที่ใช้: CSS, PHP, MySQL, jQuery ระบบแสดงความคิดเห็น Ajax แบบง่ายที่จะตรวจสอบว่าข้อมูลที่ป้อนถูกต้องหรือไม่ ความคิดเห็นจะถูกเก็บไว้ในฐานข้อมูล ใช้งานโดยใช้: PHP, MySQL, CSS, jQuery 40. ตัวนับจำนวนไฟล์ที่ดาวน์โหลด 41. หมายเหตุเกี่ยวกับหน้าการใช้ PHPเทคโนโลยีที่ใช้: PHP, jQuery, CSS เมื่อคุณนำทางผ่านรายการเมนู เนื้อหาจะถูกโหลดโดยไม่ต้องโหลดหน้าซ้ำ เทคโนโลยีที่ใช้: PHP, jQuery, CSS 43. ค้นหา jQueryบนเว็บไซต์โดยใช้เทคโนโลยีจาก Googleการใช้งานการค้นหาไซต์โดยใช้ Google AJAX Search API คุณสามารถให้โอกาสแก่ผู้เยี่ยมชมในการค้นหาทั้งบนเว็บไซต์ของคุณและบนอินเทอร์เน็ต ในกรณีนี้การค้นหาสามารถทำได้ไม่เพียงแต่ตามหน้าไซต์เท่านั้น แต่ยังรวมถึงรูปภาพและไฟล์มัลติมีเดียด้วย 44. เอฟเฟกต์ jQuery ของการซ้อนทับคำอธิบายบนรูปภาพเอฟเฟกต์ที่น่าสนใจมากที่สามารถนำไปใช้ในการดำเนินการตามพอร์ตโฟลิโอได้ เมื่อคุณคลิกที่รูปภาพ รูปภาพจะมืดลงพร้อมกับพื้นหลังโปร่งแสง และคำบรรยายจะปรากฏขึ้นเพื่ออธิบายสิ่งที่คุณควรใส่ใจ 45. การใช้หน้าคำถามและคำตอบโดยใช้ jQueryการใช้ jQuery ของหน้าคำถามที่พบบ่อยบนเว็บไซต์ รายการคำถามจะแสดงที่ด้านบนของหน้า เมื่อคุณคลิกที่คำถาม หน้าจะเลื่อนไปยังคำถามที่คุณเลือกได้อย่างราบรื่น และคำถามที่ใช้งานอยู่พร้อมคำตอบจะถูกไฮไลต์เป็นสีอื่น ลิงก์สำหรับกลับไปยังรายการคำถามจะปรากฏในช่องคำตอบที่ใช้งานอยู่ด้วย 46. เว็บไซต์ในอาแจ็กซ์ โหลดเนื้อหาโดยไม่ต้องโหลดหน้า 47. การเปลี่ยนสีพื้นหลังและข้อความโดยใช้ jQueryสีจะเปลี่ยนเมื่อคุณวางเมาส์ไว้เหนือสีนั้น คุณสามารถเปลี่ยนสีได้แบบสุ่ม 48. คู่มือไซต์โดยใช้ jQueryการใช้ปลั๊กอินที่น่าสนใจนี้ทำให้คุณสามารถแนะนำผู้เยี่ยมชมให้รู้จักกับฟังก์ชันหลักของไซต์ของคุณได้หากเขาเข้าชมเป็นครั้งแรก เมื่อเพจโหลด บล็อกจะปรากฏขึ้นที่มุมขวาบนเพื่อขอให้คุณเยี่ยมชมไซต์ หากผู้เยี่ยมชมเยี่ยมชมไซต์ของคุณเป็นครั้งแรก เขาสามารถใช้คำแนะนำสั้นๆ เพื่อทำความคุ้นเคยกับฟังก์ชันหลักๆ ได้ นี่จะทำให้หน้ามืดลงและ บล็อกที่จำเป็นมีการทำเครื่องหมายในแต่ละขั้นตอน หากผู้เยี่ยมชมเคยมาที่ไซต์ของคุณมาก่อน เขาก็สามารถปิดหน้าต่างเพื่อชมไซต์ของคุณได้ 49. ทัวร์เสมือนจริงของเว็บไซต์ Joyride Kitการใช้ปลั๊กอินนี้ทำให้คุณสามารถแนะนำผู้เยี่ยมชมให้รู้จักกับฟังก์ชันหลักของเพจได้ ซึ่งทำได้ในรูปแบบของคำอธิบายป๊อปอัปตามลำดับขององค์ประกอบ ผู้เยี่ยมชมสามารถดูเคล็ดลับทั้งหมดได้โดยคลิกที่ปุ่มถัดไป หรือปิดทัวร์ออนไลน์ (หากนี่ไม่ใช่ครั้งแรกที่เขามาที่หน้านี้) โดยใช้เครื่องหมายกากบาท
|
อ่าน: |
---|
เป็นที่นิยม:
วิธีลบโปรแกรม Avast อย่างสมบูรณ์เพื่อลบ Avast |
ใหม่
- จะเพิ่มพาร์ติชั่นใหม่ลงในฮาร์ดไดรฟ์ได้อย่างไร?
- คะแนนและรีวิวของ ลำโพงบลูทูธ JBL Flip3
- รูปแบบหนังสือ
- การเชื่อมต่อและตั้งค่าทีวีแบบโต้ตอบจาก Rostelecom
- วิธีลบบัญชี Instagram ของคุณ
- แท็บเล็ต Android หรือ iPad - จะเลือกอะไรดี?
- วิธีจัดรูปแบบความต่อเนื่องของตารางใน Word อย่างถูกต้อง
- จะทำอย่างไรถ้าคุณพัฒนาแบบออฟไลน์
- การทดสอบโปรเซสเซอร์ว่ามีความร้อนสูงเกินไป
- บริการสาธารณะของ Yesia คืออะไร