Rumah >hujung hadapan web >html tutorial >求类似如图的对联式广告代码_html/css_WEB-ITnose

求类似如图的对联式广告代码_html/css_WEB-ITnose

WBOY
WBOYasal
2016-06-21 09:37:48844semak imbas


我想要一个如图所示的对联式广告代码,可单独关闭,跟随网页上下浮动,

回复讨论(解决方案)

自己百度一下

自己百度一下
我百度了好么,找到的没那么好用,要么是两个一起关的,要么是关闭之后有问题的

如果你找到两边一起关的,别的代码可以看不懂,但改成一边关的代码还是不难的。无非就是对onClick修改一下监听的方式嘛

譬如:

两幅对联的HTML如下:

 <div class="duilian duilian_left">     <div class="duilian_con">对联的内容</div>     <a href="#" class="duilian_close">X关闭</a> </div> <div class="duilian duilian_right">     <div class="duilian_con">对联的内容</div>     <a href="#" class="duilian_close">X关闭</a> </div>


同时监听两边关闭的JS代码如下:
    duilian_close.click(function(){        $(this).parent().hide();         return false;     });


可以将对称的X关闭各加上一个ID区分一下

X关闭

X关闭

通过JQuery取得$("#id")来完成onClick监听即可。

360正解

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