原js;(這種狀況程序不能重復(fù)調(diào)用利用率比較低)<script type="text/javascript" src="js/jquery.min.js"></script><script type="text/javascript">var w,h,className;function getSrceenWH(){ w = $(window).width(); h = $(window).height(); $('#dialogBg').width(w).height(h);}window.onresize = function(){ ? getSrceenWH();} ?$(window).resize(); ?$(function(){ getSrceenWH(); //顯示彈框 $('.box a').click(function(){ className = $(this).attr('class'); $('#dialogBg').fadeIn(300);//這條語句導(dǎo)致只能調(diào)用#dialog這一個(gè)div,而我想重復(fù)利用這個(gè)函數(shù) $('#dialog').removeAttr('class').addClass('animated '+className+'').fadeIn(); ? ?? }); //關(guān)閉彈窗 $('.claseDialogBtn').click(function(){ $('#dialogBg').fadeOut(300,function(){ $('#dialog').addClass('bounceOutUp').fadeOut(); }); });});</script>更改版:<script type="text/javascript" src="js/jquery.min.js"></script><script type="text/javascript">var w,h,className;function getSrceenWH(){ w = $(window).width(); h = $(window).height(); $('#dialogBg').width(w).height(h);}window.onresize = function(){ ? getSrceenWH();} ?$(window).resize(); ?//我將顯示彈框這個(gè)函數(shù)加了一個(gè)參數(shù),然而改動(dòng)之后,點(diǎn)擊登錄,彈窗不再顯示,那么我錯(cuò)在哪了?虛心求教function openwindow(content){{ getSrceenWH(); //顯示彈框 function(){ className = $(this).attr('class'); var popDiv=document.getElementById(content); $('#dialogBg').fadeIn(300); popDiv.style.removeAttr('class').addClass('animated '+className+'').fadeIn(); }; //關(guān)閉彈窗 $('.claseDialogBtn').click(function(){ $('#dialogBg').fadeOut(300,function(){ popDiv.style.addClass('bounceOutUp').fadeOut(); }); });};</script>HTML代碼:<div class="box"><p id="user-top-login" class="pull-right top-has-login"> <a ?href="javascript:;" onclick="openwindow('dialog');" class="bounceIn"> ?登錄</a> <strong>/</strong> <a ?href="javascript:;" onclick="" class="bounceInDown"> ?注冊(cè)</a> </p> <!--彈出框--> <div id="dialogBg"></div> ? ?<div id="dialog" class="animated"> <img class="dialogIco" width="50" height="50" src="images/ico.png" alt="" /> <div class="dialogTop"> <a href="javascript:;" class="claseDialogBtn">關(guān)閉</a> </div> <form action="" method="post" id="editForm"> <ul class="editInfos"> <li><label><font color="#ff0000">* </font>用戶名:<input type="text" name="" required value="" class="ipt" placeholder="郵箱或手機(jī)號(hào)"/></label></li> <li><label><font color="#ff0000">* </font>密 碼:<input type="text" name="" required value="" class="ipt" placeholder="賬戶密碼"/></label></li> <li><input type="submit" value="確認(rèn)提交" class="submitBtn" /></li> </ul> </form> </div></div><!--彈出框結(jié)束-->
js彈出框問題,請(qǐng)js比較熟的熱幫忙看一下
羅小葭
2015-06-04 14:57:36