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

LivIcons - 303 Truly Animated Vector Icons

— Tambah-On untuk WorldWideScripts.net

Melanggan suapan kami untuk kekal sehingga tarikh!

Baru! Ikut kami yang anda mahu!


LivIcons - 303 Truly Animated Vector Icons - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting


Ini adalah versi jQuery, WordPress Plugin adalah boleh didapati di sini.


Apa yang kita lihat sebagai pemaju apabila kita membuka setiap laman baru?

Biasanya kita melihat blok yang berbeza dengan menu, slider, widget, perkara utama - kandungan dan sudah tentu, ikon. Secara umumnya kebanyakan mereka adalah interaktif, kecuali ikon kandungan dan...!

Jadi saya terfikir: 'Mungkin kita boleh memecahkan stereotaip ini?' Oleh itu idea LivIcons (Ikon live) dilahirkan. Tetapi jika saya tahu bahawa projek ini akan mengambil masa empat bulan kerja harian keras, mungkin saya tidak akan telah mula. Walau bagaimanapun, di sini anda boleh lihat hasilnya.

Jadi apakah LivIcons? Mereka adalah cross ikon pelayar vektor, yang dibina dengan JavaScript, dengan animasi mini individu untuk setiap ikon (kecuali orang-orang yang 'Nama-nama jenama'). Mereka berdasarkan SVG (SVG) dalam pelayar moden dan VML (vektor bahasa markup) dalam IE6 - IE8 untuk wajah yang bersih dan sempurna di mana-mana peranti (. Ya Retina juga).

Ciri-ciri utama:

  • 363 streaming + 51 statik = 414 jumlah (dari v1.4) ikon dalam satu skrip.
  • langkah baru dalam interaktiviti dan jenama baru - kaedah animasi itu untuk unsur-unsur antara muka tidak pernah dibuat sebelum ini.
  • Animasi dan boleh statik sudah tentu
  • Mana-mana warna, saiz
  • sempurna Retina
  • 16 piksel sempurna
  • Tetapan fleksibel tingkah laku dan penampilan
  • Bootstrap serasi
  • Integrasi mudah - hanya satu rentetan kod untuk ikon.
  • add dinamik, membuang dan mengemaskini dengan tiga kaedah JavaScript (dari v1.2)
  • perubahan warna untuk kelas 'aktif' (dari v1.2)
  • sokongan IE6 +
  • Semua pelayar (hampir ;) )
  • update percuma
  • Adobe Illustrator fail dengan semua picktograms untuk tujuan reka bentuk anda.
  • Customizer dengan tiga langkah mudah membolehkan anda memilih apa yang anda betul-betul perlukan.

syarat-syarat:

  • jQuery 1.6.3 dan ke atas
  • Penyemak imbas pantas moden untuk kerja dengan Customizer

lesen:

Anda perlu membeli tetap atau lesen yang panjang LivIcons bagi setiap projek web.

Authors WorldWideScripts.net:

Jika anda ingin untuk memasukkan plugin saya ke dalam HTML tema (template) anda, anda boleh berbuat demikian di bawah syarat-syarat berikut:

  1. Saya memberi kebenaran untuk memasukkan LivIcons dalam perkara WorldWideScripts.net ini sahaja! Tidak pada mana-mana laman lain (s)
  2. Anda perlu membeli satu (1) lesen dilanjutkan untuk setiap tema (template)
  3. Anda mesti email saya melalui borang kenalan (tidak secara langsung) pada halaman profil saya dengan tema anda (template) Nama di mana anda bercadang untuk menggunakan LivIcons
  4. Sila kreditkan LivIcons pada halaman item anda
  5. Semoga berjaya dengan jualan!

Nota penting:

Dari v1.1 animasi apa-apa ikon 'Jenama', seperti majlis sosial, pelayar, libs JS, dan lain-lain, dikeluarkan kerana ia boleh melanggar syarat pemaju penyampaian pemilik hak cipta masing-masing. Jadi mulai sekarang ikon ini tidak animasi. Terima kasih kerana memahami.

Terima kasih yang istimewa:

  • Terima kasih khas kepada Dmitry Baranovskiy, pengarang Raphaël - Perpustakaan JavaScript.
  • Terima kasih kepada jQuery pasukan untuk kerja yang cemerlang membuat kerja kita lebih mudah.
  • Terima kasih khas kepada Douglas Crockford untuk skrip json2, yang membolehkan IE6 -IE7 untuk bekerja dengan format JSON.
  • Terima kasih khas kepada Dusty Jewett pertolongan dengan peningkatan kod JS.
  • Beberapa ikon berdasarkan piktograf daripada pelbagai sumber terbuka dengan lesen yang sesuai untuk kegunaan komersil, mengubah dan mengubah tanpa atribusi.

Perubahan log:

 2014, Oktober, 1 - v1.4 - Menambah 10 ikon animasi baru - Menetapkan bug kecil 
 2013, Julai, 24 - v1.3 - Tambah yang baru 9 animasi dan 18 ikon statik - Kini tidak diperlukan kaedah jQuery.Setiap () untuk menambah, membuang atau maklumat LivIcons bagi apa-apa kelas apabila kerja menerusi JavaScript - Skrip tidak akan menambah LivIcon untuk bekas dengan icon yang telah sedia ada - Membuat beberapa penambahbaikan kod untuk tingkah laku yang lebih tepat apabila anda mempunyai apa-apa sebaris LivIcon dalam ikon Morph - Dikemaskini dokumentasi - Dikemaskini Customizer - Dikemaskini fail Adobe Illustrator 
 2013, Mei, 20 - v1.2 - Menambah 65 ikon animasi baru - Menambah keupayaan untuk bekerja dengan ikon dinamik melalui tiga kaedah JavaScript baru - Menambah sokongan untuk menukar warna untuk mana-mana kelas 'aktif' ikon atau unsur-unsur ibu bapa mereka - Skrip tidak akan mengatasi ID yang ditakrifkan untuk elemen HTML dengan LivIcon - Ada peningkatan kod - Dikemaskini dokumentasi - Dikemaskini Customizer - Dikemaskini fail Adobe Illustrator 
 2013, Mei, 06 - v1.1.1 - Menetapkan bug kecil untuk IE6 - IE8 
 2013, Mei, 05 - v1.1 - Dikeluarkan semua animasi dari ikon 'Nama-nama jenama' - Dikeluarkan 'twitter-alt-alt' icon - Menambah sepuluh ikon baru - Tambah yang baru 'data-tempoh' atau 'data-d' parameter untuk menukar kelajuan animasi. - Dikemaskini dokumentasi - Dikemaskini Customizer - Dikemaskini fail Adobe Illustrator 
 2013, Mei, 01 - v1.0 - pelepasan awal 

Jika anda tertarik dengan kemungkinan SVG, anda juga boleh:










Memuat turun
Komponen-komponen lain dalam kategori iniSemua komponen pengarang ini
KomenSoalan-soalan lazim dan jawapan

Properties

dicipta:
1 Mei 13

Kemaskini terakhir:
1 Okt 14

Resolusi tinggi:
Ya

Pelayar Sesuai:
IE6, IE7, IE8, IE9, IE10, IE11, Firefox, Safari, Opera, Chrome

fail Termasuk:
JavaScript JS

Versi perisian:
jQuery, Lain

Kata kunci

eCommerce, eCommerce, semua Item, animasi, animasi, bootstrap, pelayar silang, ikon, ikon sebenar, livicons, ikon moden, retina, berskala, svg, ikon vektor, VML