Rumah hujung hadapan web tutorial js Kod pengiklanan JS untuk mencapai kemahiran effect_javascript terapung anjal

Kod pengiklanan JS untuk mencapai kemahiran effect_javascript terapung anjal

May 16, 2016 pm 03:40 PM
js mengiklankan keanjalan terapung

Contoh dalam artikel ini menerangkan kod pengiklanan menggunakan JS untuk mencapai kesan terapung anjal. Kongsikan dengan semua orang untuk rujukan anda. Butirannya adalah seperti berikut:

Di sini kami memperkenalkan kod pengiklanan terapung anjal JS Apabila ia menyentuh tepi pelayar web, ia akan terapung secara automatik ke arah keanjalan dan terus terapung ke sana ke mari di halaman web awal Terdapat beberapa kod, ia digunakan secara meluas, dan sebagai iklan, ia nampaknya agak berkesan, kerana ia sentiasa bergerak, membuatkan orang berasa menarik secara visual. Anda boleh mengekstrak kod JS dan menyimpannya dalam fail JS yang berasingan, dan kemudian memanggilnya apabila menggunakannya.

Tangkapan skrin kesan berjalan adalah seperti berikut:

Alamat demo dalam talian adalah seperti berikut:

http://demo.jb51.net/js/2015/js-move-pic-style-adv-codes/

Kod khusus adalah seperti berikut:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>Js弹性漂浮广告代码</title>
</head>
<body>
<DIV id=img1 style="Z-INDEX: 100; LEFT: 2px; WIDTH: 59px; POSITION: absolute; TOP: 43px; HEIGHT: 61px;
 visibility: visible;"><a href="#" target="_blank"><img src="images/pic.gif" width="80" height="80" border="0"></a></DIV>
<SCRIPT language="JavaScript">
var xPos = 300;
var yPos = 200; 
var step = 1;
var delay = 30; 
var height = 0;
var Hoffset = 0;
var Woffset = 0;
var yon = 0;
var xon = 0;
var pause = true;
var interval;
img1.style.top = yPos;
function changePos() 
{
 width = document.body.clientWidth;
 height = document.body.clientHeight;
 Hoffset = img1.offsetHeight;
 Woffset = img1.offsetWidth;
 img1.style.left = xPos + document.body.scrollLeft;
 img1.style.top = yPos + document.body.scrollTop;
 if (yon) 
  {yPos = yPos + step;}
 else 
  {yPos = yPos - step;}
 if (yPos < 0) 
  {yon = 1;yPos = 0;}
 if (yPos >= (height - Hoffset)) 
  {yon = 0;yPos = (height - Hoffset);}
 if (xon) 
  {xPos = xPos + step;}
 else 
  {xPos = xPos - step;}
 if (xPos < 0) 
  {xon = 1;xPos = 0;}
 if (xPos >= (width - Woffset)) 
  {xon = 0;xPos = (width - Woffset); }
 }
 function start()
  {
   img1.visibility = "visible";
  interval = setInterval('changePos()', delay);
 }
 function pause_resume() 
 {
  if(pause) 
  {
   clearInterval(interval);
   pause = false;}
  else 
  {
   interval = setInterval('changePos()',delay);
   pause = true; 
   }
  }
 start();
</SCRIPT>
</body>
</html>
Salin selepas log masuk

Saya harap artikel ini akan membantu reka bentuk pengaturcaraan JavaScript semua orang.

Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Alat AI Hot

Undresser.AI Undress

Undresser.AI Undress

Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover

AI Clothes Remover

Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool

Undress AI Tool

Gambar buka pakaian secara percuma

Clothoff.io

Clothoff.io

Penyingkiran pakaian AI

AI Hentai Generator

AI Hentai Generator

Menjana ai hentai secara percuma.

Artikel Panas

R.E.P.O. Kristal tenaga dijelaskan dan apa yang mereka lakukan (kristal kuning)
2 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: Cara mendapatkan biji gergasi
1 bulan yang lalu By 尊渡假赌尊渡假赌尊渡假赌
Muzium Dua Point: Semua Pameran dan Di Mana Mencari Mereka
1 bulan yang lalu By 尊渡假赌尊渡假赌尊渡假赌

Alat panas

Notepad++7.3.1

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Bagaimana untuk mematikan iklan yang disyorkan oleh 360 Browser? Bagaimana untuk mematikan iklan yang disyorkan oleh 360 Browser pada PC? Bagaimana untuk mematikan iklan yang disyorkan oleh 360 Browser? Bagaimana untuk mematikan iklan yang disyorkan oleh 360 Browser pada PC? Mar 14, 2024 am 09:16 AM

Bagaimana untuk mematikan iklan yang disyorkan oleh 360 Browser? Saya percaya bahawa ramai pengguna menggunakan Pelayar 360, tetapi pelayar ini kadangkala memaparkan iklan, yang membuatkan ramai pengguna sangat tertekan Biarkan tapak ini memperkenalkan dengan teliti kepada pengguna cara untuk Mematikan iklan yang disyorkan oleh Pelayar 360 pada komputer anda. Bagaimana untuk mematikan iklan yang disyorkan oleh 360 Browser pada komputer anda? Kaedah 1: 1. Buka 360 Safe Browser. 2. Cari logo "tiga bar mendatar" di penjuru kanan sebelah atas dan klik [Tetapan]. 3. Cari [Makmal] dalam bar tugas di sebelah kiri antara muka pop timbul, dan tandakan [Dayakan fungsi "360 Hotspot Information"]. Kaedah 2: 1. Klik dua kali pertama

Alat penting untuk analisis saham: Ketahui langkah-langkah untuk melukis carta lilin dengan PHP dan JS Alat penting untuk analisis saham: Ketahui langkah-langkah untuk melukis carta lilin dengan PHP dan JS Dec 17, 2023 pm 06:55 PM

Alat penting untuk analisis saham: Pelajari langkah-langkah untuk melukis carta lilin dalam PHP dan JS, contoh kod khusus diperlukan Dengan perkembangan pesat Internet dan teknologi, perdagangan saham telah menjadi salah satu cara penting bagi banyak pelabur. Analisis saham adalah bahagian penting dalam membuat keputusan pelabur, dan carta lilin digunakan secara meluas dalam analisis teknikal. Mempelajari cara melukis carta lilin menggunakan PHP dan JS akan memberikan pelabur maklumat yang lebih intuitif untuk membantu mereka membuat keputusan yang lebih baik. Carta candlestick ialah carta teknikal yang memaparkan harga saham dalam bentuk candlestick. Ia menunjukkan harga saham

Cara untuk mematikan iklan sepenuhnya dalam Moments Cara untuk mematikan iklan sepenuhnya dalam Moments Mar 03, 2024 pm 12:31 PM

Pengguna akan menemui banyak iklan semasa menyemak imbas Moments, jadi bagaimana mereka boleh mematikan iklan sepenuhnya? Pengguna perlu mengklik Tetapan dalam Saya, kemudian cari Maklumat Peribadi dan Kebenaran, kemudian klik Pengurusan Iklan Diperibadikan dan hanya matikan pemperibadian iklan. Artikel ini akan memberitahu anda cara untuk mematikan iklan sepenuhnya dalam Moments, jadi lihat! Tutorial penggunaan WeChat: Bagaimana untuk mematikan iklan sepenuhnya dalam Moments Jawapan: Ia tidak boleh dimatikan sepenuhnya Anda hanya boleh mematikan cadangan yang diperibadikan: 1. Pertama, klik pada saya, dan kemudian cari tetapan di dalamnya. 2. Cari maklumat peribadi dan pilihan kebenaran. 3. Klik pada fungsi pengurusan pengiklanan yang diperibadikan di dalam. 4. Klik suis di sebelah kanan pemperibadian iklan dan matikannya. Cara untuk mematikan iklan: 1. Cari iklan dalam Moments. 2. Klik kanan

Disyorkan: Projek pengesanan dan pengecaman muka sumber terbuka JS yang sangat baik Disyorkan: Projek pengesanan dan pengecaman muka sumber terbuka JS yang sangat baik Apr 03, 2024 am 11:55 AM

Teknologi pengesanan dan pengecaman muka adalah teknologi yang agak matang dan digunakan secara meluas. Pada masa ini, bahasa aplikasi Internet yang paling banyak digunakan ialah JS Melaksanakan pengesanan muka dan pengecaman pada bahagian hadapan Web mempunyai kelebihan dan kekurangan berbanding dengan pengecaman muka bahagian belakang. Kelebihan termasuk mengurangkan interaksi rangkaian dan pengecaman masa nyata, yang sangat memendekkan masa menunggu pengguna dan meningkatkan pengalaman pengguna termasuk: terhad oleh saiz model, ketepatannya juga terhad. Bagaimana untuk menggunakan js untuk melaksanakan pengesanan muka di web? Untuk melaksanakan pengecaman muka di Web, anda perlu biasa dengan bahasa dan teknologi pengaturcaraan yang berkaitan, seperti JavaScript, HTML, CSS, WebRTC, dll. Pada masa yang sama, anda juga perlu menguasai visi komputer yang berkaitan dan teknologi kecerdasan buatan. Perlu diingat bahawa kerana reka bentuk bahagian Web

Bagaimana untuk mematikan iklan dalam versi baharu Edge? Cara menyekat iklan diperibadikan Edge Bagaimana untuk mematikan iklan dalam versi baharu Edge? Cara menyekat iklan diperibadikan Edge Mar 14, 2024 am 11:37 AM

Selepas mengemas kini pelayar Edge, ramai pengguna mendapati terdapat banyak iklan pada antara muka Contohnya, di bahagian bawah halaman tab baharu, terdapat pautan ke beberapa laman web yang ditandakan dengan iklan, yang kelihatan sangat menjengkelkan. Adakah terdapat sebarang cara untuk mematikan iklan diperibadikan dalam penyemak imbas Edge? Editor telah mencari banyak kaedah di Internet, dan saya akan berkongsi dengan anda sedikit helah untuk mematikan iklan. Bagaimana untuk mematikan iklan dalam versi baharu Edge? 1. Buka pelayar Edge. 2. Klik [•••] di penjuru kanan sebelah atas. 3. Klik [Tetapan]. 4. Klik [Privasi, Carian dan Perkhidmatan]. 5. Matikan suis di sebelah kanan "Peribadikan pengalaman web anda" untuk mematikan pemperibadian yang ditolak oleh Microsoft.

Cara membuat carta candlestick saham menggunakan PHP dan JS Cara membuat carta candlestick saham menggunakan PHP dan JS Dec 17, 2023 am 08:08 AM

Cara menggunakan PHP dan JS untuk mencipta carta lilin saham Carta lilin saham ialah grafik analisis teknikal biasa dalam pasaran saham Ia membantu pelabur memahami saham dengan lebih intuitif dengan melukis data seperti harga pembukaan, harga penutup, harga tertinggi. dan harga terendah turun naik harga saham. Artikel ini akan mengajar anda cara membuat carta lilin saham menggunakan PHP dan JS, dengan contoh kod khusus. 1. Persediaan Sebelum memulakan, kita perlu menyediakan persekitaran berikut: 1. Pelayan yang menjalankan PHP 2. Pelayar yang menyokong HTML5 dan Kanvas 3

Petua Pembangunan PHP dan JS: Kuasai Kaedah Melukis Carta Lilin Stok Petua Pembangunan PHP dan JS: Kuasai Kaedah Melukis Carta Lilin Stok Dec 18, 2023 pm 03:39 PM

Dengan perkembangan pesat kewangan Internet, pelaburan saham telah menjadi pilihan semakin ramai orang. Dalam perdagangan saham, carta lilin adalah kaedah analisis teknikal yang biasa digunakan Ia boleh menunjukkan trend perubahan harga saham dan membantu pelabur membuat keputusan yang lebih tepat. Artikel ini akan memperkenalkan kemahiran pembangunan PHP dan JS, membawa pembaca memahami cara melukis carta lilin saham dan menyediakan contoh kod khusus. 1. Memahami Carta Lilin Saham Sebelum memperkenalkan cara melukis carta lilin saham, kita perlu memahami dahulu apa itu carta lilin. Carta candlestick telah dibangunkan oleh orang Jepun

Cara untuk mematikan pengesyoran pengiklanan pintar pada Douyin Cara untuk mematikan pengesyoran pengiklanan pintar pada Douyin Mar 22, 2024 pm 04:06 PM

Apabila kami biasanya menggunakan Douyin untuk hiburan, kami sering mempunyai beberapa iklan yang tidak dapat diterangkan dan pelik yang mengganggu pengalaman masa lapang kami, ramai pengguna tidak diganggu oleh mereka dan ingin mematikan dorongan iklan ini, tetapi mereka tidak tahu bagaimana untuk mengendalikannya, maka editor laman web ini akan membawakan kepada anda panduan tutorial ini dan pengenalan terperinci saya harap ia dapat membantu semua yang memerlukan. Pertama sekali, kami mula-mula mencari pilihan untuk memahami dan mengurus tolak iklan dalam tetapan apl, dan kemudian melihat semua pilihan suis berkaitan iklan di bawah Klik suis di bahagian belakang untuk mematikannya, dan kemudian gesaan pengesahan untuk beralih off iklan akan muncul. Kami klik untuk mengesahkan

See all articles