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 / Images and Media

Flipping Cards 3D with jQuery/CSS3

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

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

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


Flipping Cards 3D with jQuery/CSS3 - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

คอลเลกชันของพลิกและผลกระทบของการใช้บัตร CSS3 3 มิติและ jQuery
ง่ายต่อการใช้กับ CSS และมาร์กอัป HTML ของคุณ
ทำงานในเบราว์เซอร์ที่ทันสมัย​​ (Google Chrome, Safari และ Firefox)


สิ่งที่คุณต้องการ:

  • flipCard.css (ทุกรูปแบบและผลกระทบที่จำเป็นในการพลิกการ์ด)
  • flipCard.js (กิจกรรมทั้งหมดที่จำเป็นในการก่อให้เกิดผลกระทบ)
  • jQuery-1.8.3.min.js (เขียนด้วย jQuery)
  • มาร์กอัป HTML อย่างง่าย (ตัวอย่างทั้งหมดอยู่ในไฟล์ index.html) ที่

พิเศษ:
  • style.css (แบบสุ่มบางอย่างสำหรับมาร์กอัปพื้นฐานไม่จำเป็น)

คุณสามารถเปลี่ยนขนาดของบัตรเพียงโดยการระบุความกว้างและความสูงที่มีความสงบสุขของโค้ด CSS นี้:
.card-Container {
ความกว้าง: 200px;
ความสูง: 200px;
}

บันทึกการเปลี่ยนแปลง

 ----> ปรับปรุง: 3 กรกฎาคม 2014 การแก้ไขปัญหาบางอย่างกับ Firefox V30 ----> ปรับปรุง: 26 กุมภาพันธ์ 2014 ตอนนี้คุณสามารถระบุอัตราส่วนใน div ภาชนะเช่นนี้: ข้อมูลอัตราส่วน = "1: 2" ----> ปรับปรุง: 19 พฤศจิกายน 2013 ตอนนี้ทางเลือกสามารถทำงานร่วมกับ IE 11 ----> ปรับปรุง: 6 ตุลาคม 2013 การแก้ไขปัญหาบางอย่างเมื่อคุณเลื่อนเมาส์ไปที่บัตรพลิกเมื่อหน้าโหลด ----> ปรับปรุง: 6 สิงหาคม 2013 (แทนที่ไฟล์ CSS) แก้ไขบางประเด็นที่มีผล 3 มิติบน Firefox ----> ปรับปรุง: 26 กรกฎาคม 2013 การแก้ไขข้อผิดพลาดของคอนโซลใน IE ----> ปรับปรุง: 21 พฤษภาคม 2013 การแก้ไขปัญหาการติดบางอย่างใน Firefox สำหรับบัตรกว่าพลิก ----> ปรับปรุงใหญ่: 6 พฤษภาคม 2013 ผลอัตโนมัติพลิกอยู่ในขณะนี้คุณสามารถตั้งเวลาจนกว่าบัตรจะพลิก โดยอัตโนมัติคุณยังสามารถตั้งเวลาเมื่อการ์ดจะเริ่มต้น ทำ autoflips (คุณสามารถเห็นมันในตัวอย่างสด) หมายเหตุ: เมื่อคุณทำวางเมาส์บนบัตรพลิกอัตโนมัติมันจะไม่พลิกเป็นเวลานาน ที่คุณมีเมาส์ไปบัตร เพิ่มธีมสีสำหรับบัตรพลิกและคุณสามารถทำด้วยตัวเอง ----> ปรับปรุง: 28 เมษายน 2013 ตอนนี้เข้ากันได้กับ jQuery 1.9.1 ----> ปรับปรุง: 10 เมษายน 2013 ยังเพิ่มทางเลือกของผลกระทบจางสำหรับเบราว์เซอร์ที่ไม่สนับสนุน CSS3d เหมือนรุ่นเก่าของ Chrome และ Firefox ----> ปรับปรุง: 18 กุมภาพันธ์ 2013 เพิ่มทางเลือกสำหรับ IE ของผลกระทบจาง 

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

คุณสมบัติ

สร้าง:
2 มกราคม 13

การปรับปรุงครั้งล่าสุด:
4 กรกฎาคม 14

เบราว์เซอร์ที่เข้ากันได้:
Firefox, Safari, Chrome

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

ซอฟต์แวร์เวอร์ชั่น:
jQuery

คำหลัก

อีคอมเมิร์ซ, อีคอมเมิร์ซ, สิ่งของทั้งหมด, พลิกอัตโนมัติ, การ์ด 3 มิติ, คลิกเหตุการณ์โฉบ, CSS 3D, บัตร Flip 3D, บัตรพลิก, ผลกระทบหลาย ๆ, 3D หมุน, เครื่องจับเวลา