Heim > Web-Frontend > HTML-Tutorial > 页面右下角弹广告案例_html/css_WEB-ITnose

页面右下角弹广告案例_html/css_WEB-ITnose

WBOY
Freigeben: 2016-06-24 11:50:19
Original
1198 Leute haben es durchsucht

 
   

                //第一步:在页面右下角创建一个层
                var dvObj = $('

').appendTo($('body'));

                //第二步:创建关闭按钮(真关闭和假关闭)添加到层上
                //添加一个关闭按钮(假关闭,点击关闭按钮,直接跳转页面)
                //第一种方法
                //$('关闭').appendTo(dvObj);
                //第二种方法
                $('关闭').click(function () {
                    window.location.href = "http://www.baidu.com";
                }).appendTo(dvObj);

                //第三步:真的关闭添加到层中
                $('关闭').click(function () {
                    dvObj.remove();
                }).appendTo(dvObj);

                //第四步:创建一个图片,添加到层上
                $('页面右下角弹广告案例_html/css_WEB-ITnose').appendTo(dvObj);
            });
        });

   


   

 

---最后效果

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage