WorldWideScripts.net Delivering the best Add-Ons in more than 37 languages.

中文(简体), English, हिन्दी/हिंदी, Español/Castellano, العربية, Русский язык, Français, 中文 (台灣), বাংলা, Bahasa Indonesia, اردو, Português, Deutsch, Bahasa Melayu (بهاس ملايو‎), 日本語 (にほんご), فارسی, Italiano, తెలుగు, Türkçe, ગુજરાતી, Język polski/polszczyzna, Tiếng Việt, ಕನ್ನಡ, Українська мова, ไทย
JavaScript / Navigation

MelonHTML5 - Metro UI

— Add-on เพื่อ WorldWideScripts.net

สมัครสมาชิกฟีด ของเรา จะอยู่ถึง วันที่ !

ใหม่! ติดตามเรา ตามที่คุณต้องการ!


MelonHTML5 - Metro UI - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Facebook

ภาพรวม:

Metro UI เป็นกรอบการทำงานที่มีความยืดหยุ่นและง่ายต่อการรวมในการสร้างเว็บไซต์ของคุณหนึ่งหน้าใน Windows 8 Metro UI ที่มีการขับเคลื่อนอย่างเต็มที่โดย HTML5, CSS3 และ JavaScript ที่มีมากมายของตัวเลือกสำหรับคุณที่จะกำหนดค่าให้เหมาะกับความต้องการของคุณเอง

กรุณาให้คะแนนอย่างรวดเร็วถ้าคุณชอบแบบนี้ หากคุณมีข้อเสนอแนะใด ๆ / การร้องขอคุณสมบัติหรือคุณพบข้อผิดพลาดคุณจะมากกว่ายินดีที่จะติดต่อฉันและฉันจะอยู่ได้โดยเร็ว

หมายเหตุ: นี่คือบริสุทธิ์ HTML5 / รุ่น JavaScript รุ่น OO PHP ยังมีอยู่ ที่นี่

คุณสมบัติ:

สก์ท็อปและอุปกรณ์มือถือ (โทรศัพท์ + แท็บเล็ต) พร้อม
สก์ท็อปดูและดูโทรศัพท์มือถือ ประเภทอุปกรณ์แต่ละคนได้รับมุมมองของตัวเองโดยเริ่มต้นและมีความสามารถในการสลับไปมาระหว่าง

การออกแบบ UI ที่ตอบสนองต่อ
UI ทั้งหมดได้รับการออกแบบ responsively กับคำสั่งสื่อเพื่อที่มันจะพอดีกับขนาดหน้าจอใด ๆ

เต็มรูปแบบ HTML5 + CSS3 นิเมชั่น
องค์ประกอบ HTML5 / แนวคิดถูกนำมาใช้ให้มากที่สุดเท่าที่เป็นไปได้ ภาพเคลื่อนไหวทั้งหมดอยู่หมดจดใน CSS3 ไม่มี fallbacks jQuery จะใช้สำหรับ IEs เก่าสำหรับประสิทธิภาพที่ดีขึ้น

เก่าสนับสนุน IE
UI นอกจากนี้ยังมีการทำงานอย่างเต็มที่ใน IEs เก่า (IE7, IE8) แตกต่างเพียงว่า IE จะไม่ได้รับภาพเคลื่อนไหว

เลื่อนแถบปุ่ม
เช่นเดียวกับ Windows 8 หน้าแต่ละคนได้รับการเลื่อนแถบควบคุมเมื่อเมาส์ถูกย้ายไปยังขอบด้านขวาของหน้าจอ

หน้าหนึ่งแอพลิเคชัน
การออกแบบ UI ทั้งหมดดังต่อไปนี้แนวคิดของการตรวจสอบหน้าหนึ่งซึ่งหมายความว่าเพียงหนึ่งคำขอหน้าทำต่อครั้งและส่วนที่เหลือทั้งหมดได้รับการจัดการใน XHR (AJAX)

การทำงานร่วมกับเบราว์เซอร์ปุ่มย้อนกลับ
กลับและปุ่มไปข้างหน้ายังคงสามารถใช้งานได้ตามปกติเพื่อนำทางระหว่าง 2 หน้าเช่นเดียวกับเว็บไซต์ปกติ

กระเบื้องที่ปรับแต่งได้
กระเบื้องแต่ละคนสามารถปรับแต่งเพื่อให้มีสีของตัวเอง, ไอคอน, การเชื่อมโยงภายนอกโทรกลับ XHR... ฯลฯ

ตู้คอนเทนเนอร์
กระเบื้องจะถูกจัดลงในภาชนะที่มีขนาดแตกต่างกัน 2 ครึ่งและเต็มรูปแบบ คุณสามารถเพิ่มตู้คอนเทนเนอร์มากเท่าที่คุณต้องการ

สมาร์ทแคชหน้าเนื้อหา
เนื้อหาหน้าทั้งหมดที่เก็บไว้ชั่วคราวหลังจากที่โหลดครั้งแรกซึ่งจะช่วยให้การมาเยือนที่ 2 ของหน้าเดียวกันจะเป็นทันทีเกือบ

บูรณาการกับ Google Analytics
แต่ละกระเบื้องเปิดสามารถกำหนดค่าเป็นหน้าปกติเปิดใน Google Analytics

ที่มุ่งเน้นวัตถุกรอบ JavaScript
ทั้งหมดรหัส JavaScript จะเขียนในรูปแบบเชิงวัตถุที่ทันสมัย​​ด้วยการทำความสะอาดและง่ายต่อการทำความเข้าใจโครงสร้าง

เปลี่ยน LOGS:

v1.11 @ 26 สิงหาคม 2014
 UPDATE: อัพเดทจัดแต่งทรงผมสำหรับโหมดมือถือ 
v1.10 @ 28 มิถุนายน 2013
 แก้ไขปัญหา: แก้ไขปัญหาการแสดงผลเมื่อระดับการซูมจะไม่ 100% 
v1.09 @ 15 มีนาคม 2013
 UPDATE: ไฟล์ย่อ ได้แก่ UPDATE: อัพเดทสคริปต์ rounting จะใช้ hashbang มาตรฐาน 
v1.08 @ 27 กุมภาพันธ์ 2013
 UPDATE: ออกแบบแถบด้านข้าง UPDATE: สร้าง CSS สำหรับภาชนะที่แตกต่างกัน / การกำหนดค่าเครื่องมือโดยอัตโนมัติ 
v1.07 @ 14 กุมภาพันธ์ 2013
 UPDATE: แบบสอบถามสื่อย้ายไป metro_mobile.css แยกต่างหาก UPDATE: โหมดออกแบบมือถือ UPDATE: JS หลายคนและการปรับปรุง CSS 
v1.06 @ 15 ธันวาคม 2012
 UPDATE: ปรับปรุง CSS ไมเนอร์ 
v1.05 @ 30 ตุลาคม 2012
 UPDATE: เปลี่ยนโฉบผลกระทบที่จะไต่กระเบื้อง UPDATE: การตั้งค่าใหม่แผง UPDATE: JS และการเพิ่มประสิทธิภาพ CSS 
v1.04 @ 4 ตุลาคม 2012
 UPDATE: เพิ่มปุ่ม "เริ่มต้น" คลิกที่มันสลับ "รายละเอียด" มุมมอง UPDATE: การเปลี่ยนแปลงที่จะใช้ "ภาพเคลื่อนไหว" แทน "การเปลี่ยนแปลง" เพื่อบ่งชี้การควบคุมการเลื่อน UPDATE: นิเมชั่นการเปลี่ยนแปลงในการโหลดเอกสารที่จะจางหายไปในกระเบื้องหนึ่งโดยหนึ่งแทนการพลิกทั้งหมดในครั้งเดียว 
v1.03 @ 29 กันยายน 2012
 UPDATE: อนุญาตให้การตั้งค่ารูปแบบบนภาชนะเพื่อให้ทุกการแสดงผลกระเบื้องสีใดสีหนึ่ง 
v1.02 @ 21 กันยายน 2012
 UPDATE: อนุญาตให้ URL เครื่องมือการตั้งค่าสตริงที่ว่างเปล่าที่จะหยุดการเปิดเครื่องมือบนคลิก 
v1.01 @ 14 กันยายน 2012
 UPDATE: แสดงตัวบ่งชี้เลื่อนปุ่มควบคุมเฉพาะสำหรับผู้ใช้ครั้งที่ 1 UPDATE: ปรับปรุงประสิทธิภาพการทำงาน JavaScript 
v1.00 @ 9 กันยายน 2012
 UPDATE: เริ่มต้นปล่อย 

ดาวน์โหลด
ส่วนประกอบอื่น ๆ ในประเภทนี้ส่วนประกอบทั้งหมดของ ผู้เขียนคนนี้
ความเห็นคำถามที่พบบ่อย และคำตอบ

คุณสมบัติ

สร้าง:
15 เมษายน 13

ปรับปรุงล่าสุด:
27 สิงหาคม 14

ความละเอียดสูง:
ใช่

เบราว์เซอร์ที่ใช้ร่วมกัน:
IE7, IE8, IE9, IE10, IE11, Firefox, Safari, Opera, Chrome

ไฟล์รวม:
JavaScript JS, HTML, CSS

ซอฟแวร์ รุ่น:
jQuery

คำหลัก

อีคอมเมิร์ซทุกรายการ, ภาพเคลื่อนไหว, CSS3, HTML5, JavaScript, jQuery, MelonHTML5, รถไฟใต้ดิน, ระบบนำทาง, กระเบื้อง, Windows 8