masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu
Rumah > hujung hadapan web > html tutorial > teks badan

如何在页面中添加一个自定义的小窗口_html/css_WEB-ITnose

WBOY
Lepaskan： 2016-06-24 11:57:04
asal
3156 orang telah melayarinya

如图：
要实现的效果：在大窗口中能添加的东西（图片啊，文字什么的）都能添加到小窗口中；小窗口显示的时候后面的大窗口有一层蒙版（就像图中那样，可以突出小窗口），而后点击小窗口外面的任何一个地方小窗口自动消失
求一个小小的例子，如果能有一点文字说明就更好了，哪怕有大神说说思路我也会很感激的
对了，本人小百，只能说看得懂javascript，没有看过jquery，所以如果有jquery的东东。。。额


回复讨论(解决方案)

 

 
效果 
 
 
 

可以根据自己要求修改css样式点击这里打开窗口

 
 
    这是不是你要的效果呀 . 
     
  关闭 
 
 
 
 
 
Label berkaitan：
添加 窗口 自定义 页面
sumber：php.cn
Artikel sebelumnya：404错误页面那些事_html/css_WEB-ITnose Artikel seterusnya：高德地图根据关键词坐标拾取小工具_html/css_WEB-ITnose
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
Artikel terbaru oleh pengarang
Isu terkini
Halaman tiba-tiba tidak dapat menarik css atau bootstrap Jadi saya sedang membangunkan halaman, saya telah membuat sebahagian daripadanya semalam d...
daripada 2024-04-06 21:58:04
0
1
800
Bagaimana untuk mencetuskan render (dengan penapis dan penomboran) pada kaedah isihan dalam React? Berikut ialah komponen gaya Sort.js saya: <SortWrapper><SortText>SortBy</So...
daripada 2024-04-06 21:28:37
0
1
2257
Bagaimana untuk membuat elemen terapung disusun secara menegak dan bukannya secara mendatar dalam CSS? Saya cuba membuat halaman web dengan dua lajur, dengan kandungan utama di satu pihak dan k...
daripada 2024-04-06 20:45:26
0
2
386
Bagaimana untuk menyelesaikan ruang kosong misteri di bahagian bawah halaman dalam CSS Saya cuba membina halaman web mudah menggunakan Bootstrap dan D3, tetapi saya tidak tahu b...
daripada 2024-04-06 20:22:15
0
1
454
MySQL mendapat data daripada berbilang jadual Saya mempunyai jadual eg_design yang mengandungi lajur berikut: dan jadual eg_domains yang...
daripada 2024-04-06 18:42:44
0
2
479
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan