Rumah hujung hadapan web tutorial js js利用div背景,做一个竖线的效果。_javascript技巧

js利用div背景,做一个竖线的效果。_javascript技巧

May 16, 2016 pm 06:58 PM
div js garis menegak latar belakang

后来发现,如果div样式,如果设置了具体的高度,无论ie还ff,都能正常的表现。

但这个高度并不是固定的,而是会随着旁边div内容的多少而变化。最后,只好借助javascript,加载时捕获有关的div的高度,将其赋值给指定的div样式,终于看到了想要的东西。

具体脚本是这样的:

window.onload=function(){
document.getElementById('bg').style.height=document.getElementById('mydiv').offsetHeight+'px';
}

“bg”是要更改高度的div,“mydiv”是相关要参照的div。

最后那个单位“px”一定要加上,否则在ff下会无法识别。

这还是有个问题,就是我看到有人介绍说offsetHeight这个属性在ie7下已经不被支持了,具体我没有试过。如果是这样的话,ie7下这里只好显示空白了。

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

Video Face Swap

Video Face Swap

Tukar muka dalam mana-mana video dengan mudah menggunakan alat tukar muka AI percuma kami!

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)

Pengenalan kepada cara menambah garis menegak di tengah perkataan Pengenalan kepada cara menambah garis menegak di tengah perkataan Mar 19, 2024 pm 08:25 PM

Word adalah perisian pejabat yang sering kami gunakan semasa digunakan, kami juga akan membuat pelbagai tetapan untuknya untuk memudahkan membaca dan membezakan kandungan yang berbeza, kami akan menambah garis menegak dalam dokumen, dan menambah garis menegak. tengah Word. Bagaimana untuk menambah baris? Mari kita lihat penjelasan terperinci di bawah. Kaedah 1: Tetapkan lajur: 1. Buka perkataan, klik "Layout" dan pilih "Lajur". 2. Selepas mengklik "Lajur", pilih bilangan lajur yang anda perlukan Di sini kami menggunakan dua lajur untuk demonstrasi. 3. Selepas pengesahan, anda boleh melihat bahawa halaman dibahagikan kepada dua lajur. 4. Pada "Lajur", pilih "Lagi Lagi". 5. Dalam halaman pop timbul. Pilih "Pembahagi" dan sahkan. 6. Selepas pengesahan, tetapan berjaya seperti yang ditunjukkan dalam rajah. Kaedah 2: Tambah garis pemisah: 1. Ya

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

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 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

Bagaimana untuk menggantikan semua latar belakang ppt Bagaimana untuk menggantikan semua latar belakang ppt Mar 25, 2024 pm 04:25 PM

Penggantian latar belakang PPT ialah operasi penting yang boleh menyatukan gaya visual persembahan dengan cepat. Anda boleh menggantikan latar belakang keseluruhan pembentangan anda dengan cepat dengan mengubah suai induk slaid atau menggunakan ciri Latar Belakang Format. Di samping itu, beberapa versi PPT juga menyediakan fungsi penggantian kelompok, yang boleh menggantikan latar belakang semua slaid dengan mudah. Apabila menggantikan latar belakang, anda harus memberi perhatian kepada memilih latar belakang yang sepadan dengan tema pembentangan, dan memastikan kejelasan dan resolusi latar belakang memenuhi keperluan.

Cara menggunakan JS dan Baidu Map untuk melaksanakan fungsi pemprosesan acara klik peta Cara menggunakan JS dan Baidu Map untuk melaksanakan fungsi pemprosesan acara klik peta Nov 21, 2023 am 11:11 AM

Gambaran keseluruhan tentang cara menggunakan Peta JS dan Baidu untuk melaksanakan fungsi pemprosesan acara klik peta: Dalam pembangunan web, selalunya perlu menggunakan fungsi peta untuk memaparkan lokasi geografi dan maklumat geografi. Pemprosesan acara klik pada peta ialah bahagian yang biasa digunakan dan penting dalam fungsi peta. Artikel ini akan memperkenalkan cara menggunakan API Peta JS dan Baidu untuk melaksanakan fungsi pemprosesan acara klik pada peta dan memberikan contoh kod khusus. Langkah: Import fail API Peta Baidu Pertama, import fail API Peta Baidu dalam fail HTML Ini boleh dicapai melalui kod berikut.

Mainkan bunyi latar belakang ambien pada iPhone untuk kekal fokus Mainkan bunyi latar belakang ambien pada iPhone untuk kekal fokus Nov 29, 2023 pm 11:27 PM

Pada iPhone dan iPad, salah satu daripada banyak ciri kebolehaksesan yang disertakan Apple ialah bunyi latar belakang. Bunyi ini direka bentuk untuk membantu anda kekal fokus, kekal tenang dan membantu meminimumkan gangguan apabila anda sibuk dengan sesuatu. Bunyi latar belakang yang disediakan termasuk bunyi seimbang, terang dan gelap, serta bunyi semula jadi seperti lautan, hujan dan sungai. Semua bunyi boleh ditetapkan untuk dimainkan di latar belakang untuk menutup bunyi ambien atau luaran yang tidak diingini, dan bunyi digabungkan ke dalam atau disembunyikan di bawah bunyi audio dan sistem lain. Dayakan Bunyi Latar Belakang pada iPhone dan iPad Langkah berikut menerangkan cara mendayakan bunyi latar belakang pada iPhone dan iPad yang menjalankan iOS15/iPadOS15 dan yang lebih baru. pada iPhone ori

Latar belakang kelahiran dan niat asal bahasa Go Latar belakang kelahiran dan niat asal bahasa Go Apr 04, 2024 am 08:48 AM

Bahasa Go dilahirkan di Google untuk menyelesaikan masalah kerumitan dan sokongan serentak C++ yang tidak mencukupi. Hasrat asalnya ialah untuk mencipta bahasa serentak yang ringkas, mudah dipelajari, cekap, selamat memori, dan merentas platform untuk meningkatkan produktiviti pengaturcara, membina sistem yang boleh dipercayai dan berskala serta menggalakkan pemindahan dan perkongsian kod.

See all articles