Namun, perlu dicatat bahwa pengantar resmi telah dengan jelas menyatakan bahwa plug-in ini tidak mendukung IE6. Di bawah ini akan memberikan implementasi fungsi salinan clipboard nol multi-distifikasi dan metode penulisan IE6 yang kompatibel!
Unduh ZeroClipboard First //www.vevb.com/jiaoben/24961.html
<style type = "text/css"> body {font-family: arial, sans-serif; Ukuran font: 9pt; } .copyit {text-align: center; Perbatasan: 1px Solid #FD6001; Latar Belakang:#Ed730B; margin: 10px; padding: 2px 5px; kursor: pointer; font-size: 12px; Border-Radius: 3px;} .copyit.hover {background-color:#fd6001;}. copyit.active {background-color:#d25102;}/*Efek hover tikus, sebenarnya menyebut setcsseffects () Metode*/ .copy_info {width: 260px; #ccc; padding: 5px;} </style> <script type = "text/javascript" src = "http://ajax.googleapis.com/ajax/libs/jQuery/1.4.2/jquery.min.js"> </skrip type = "text/javascript" src = "/js/zeroclipboard/zeroClipboard.js"> </script> <div> <textarea id = "fe_text" cols = 50 baris = 5> Konten yang disalin pertama! Lai Lai </textarea> <b> Salin Konten </b> </div> <br/> <div> <textarea id = "fe_text" cols = 50 baris = 5> Konten yang disalin kedua! Lai Lai </textarea> <b> Salin konten </b> </div> <script type = "text/javascript"> var clip = null; function copyThis () {if ($. Browser.version == 6.0) {// untuk IE6 $ ('. kode = $ (ini) .parents (". clip_container"). temukan (". return;} zeroclipboard.setmoviePath ("http://img.vevb.com/js/scripts/clipboard.swf '"); // Jika Zeroclipboard.js, Zeroclipboard.swf ditempatkan di direktori yang sama, kalimat ini dapat dihilangkan; clip = new ZeroClipboard.client (); $ ('. copyit'). mouseover (function () {var code = $ (this) .parents (". clip_container"). find (". copycnt"). Teks (); clip. Hover digunakan //clip.receiveevent('mouseout ', null); clip.addeventListener ('complete', function (klien, text) {alert ("konten yang disalin: /n"+text);});} copyThis (); </script> <TextAreA> Tempel konten yang disalin di sini untuk mencobanya! Lai </textarea>Dalam metode implementasi di atas, kecuali untuk IE6 menggunakan window.clipboarddata.setData untuk mengimplementasikan fungsi salin, browser lain menggunakan plug-in clipboard nol untuk mengimplementasikan fungsi salin!
Beberapa hal yang harus Anda perhatikan saat menggunakan plugin ini:
1. Zeroclipboard.js di atas dan Zeroclipboard.swf perlu ditempatkan di bawah jalur yang sama. Jika Anda tidak berada di jalur yang sama, Anda dapat menggunakan ZeroClipboard.setMovIePath ("Flash Path"); Untuk mengatur alamat ZeroClipboard.swf.
2. Analisis metode setcsseffects (): Ketika mouse bergerak ke tombol atau klik, karena obstruksi tombol flash, kelas pseudo seperti ": hover" dan ": aktif" dari tubuh tombol copy mungkin tidak valid. Metode setcsseffects () adalah untuk menyelesaikan masalah ini. Pertama kita perlu mengubah kelas semu menjadi kelas, misalnya:
Salinan kode adalah sebagai berikut:
.copyit: hover {
Border-color:#ff6633;
}
// Anda perlu mengubah ": melayang" ke yang berikut ". HOVER"
.copyit.hover {
Border-color:#ff6633;
}
3. Analisis GetHTML () Metode: Jika Anda ingin contoh flash sendiri tanpa menggunakan metode lampiran nol clipboard, maka metode ini dapat membantu. Ia menerima dua parameter, yaitu lebar dan tinggi flash. Kode HTML yang sesuai dengan flash dikembalikan. Misalnya:
var html = clip.getHtml (150, 20);