• JS特效 http://www.weishengjin.biz/js/
  • 如何利用JS特效代碼控製彈窗漂浮的效果

    發布日期_-2015年世界gdp排名:2019-01-30 08:38:00
    Tag標簽|-_蛋神奇踪第1部全集:JS特效代碼  彈窗漂浮  控製效果  


    1|-_众乐彩票是真是假、jsp頁麵上彈出層的代碼
     

      本篇文章可是日常中的日常經典中的經典中的經典了_|李晨阳年龄,我相信很多人在運用操作JS時會利用它的特效代碼對於那些經常騷擾我們的彈窗還有漂浮效果的騷擾廣告進行手段性參與將它完完全全的控製在自己的手心裏麵了|苏州房交会。

    <s:iterator value="lrVo" var="lrVo" id="lrVo" status="st"> 
    <div class="logisticscenter_xq" style="display: none;" id='<s:property value="#lrVo.logisticNO"/>'> 
    <dl> 
    <dt><strong><s:text name="struts.webui.logistics.label.logisticsDetails"/>|_金钟盛典:</strong></dt> 
    <dd><strong class="close_wind">X</strong></dd> 
    </dl> 
    <div class="information logistics_win"> 
    <table width="" border="0" cellspacing="0" cellpadding="0"> 
    <tr> 
    <td class="r_text"><span class="icon9">*</span><s:text name="struts.webui.logistics.label.logisticsNumber"/>_-长沙杨丽君:</td> 
    <td></td> 
    <td colspan="3" id="logisticNo"><s:property value="#lrVo.logisticNO"/></td> 
    </tr> 
    <tr> 
    <td valign="top" class="r_text"><span class="icon9">*</span><s:text name="struts.webui.logistics.label.distribution"/>-_|3M彩票平台:</td> 
    <td></td> 
    <td colspan="3" style="text-align:left" id="content"><s:property value="#lrVo.content" escape="false"/></td> 
    </tr> 
    </table> 
    </div> 
    </div> 
    </s:iterator> 
    <!--物流詳情彈出窗口 end--> 
     
    層樣式代碼___二嫂水仙:
    .logisticscenter_xq{ 
    position: absolute; 
    width:710px; 
    border:solid 2px #787878; 
    background: #edfcfe; 
    z-index: 2; 
     
    我的處理時將彈出層放置到整個網站頁麵的layout.jsp---寒山寺招聘,網站中所有頁麵的布局都繼承它--易点彩票网手机版双色球预测最准确。該網站采用tiles框架統一對頁麵布局_-|刀杆节。
     
    2_索纳塔i40、計算對象居中要設置的left值和top值
     
    我把這一步要完成的功能寫成一個js文件|__联众好友在线下载,主要是根據用戶在一覽頁麵上鼠標點擊的坐標位置|||腹部减肥瑜伽,動態地顯示該條記錄的層窗口_|365彩票国际电话。主要代碼如下|-掌上彩票pro网络异常:
    代碼
    / 計算對象居中需要設置的left和top值 
    // 參數_-_大汉帝国美人心计: 
    // _w - 對象的寬度 
    // _h - 對象的高度 
    function getLT(_w,_h) 
    var de = document.documentElement; 
    // 獲取當前瀏覽器窗口的寬度和高度 
    // 兼容寫法_|山东高考人数,可兼容ie,ff 
    var w = self.innerWidth || (de&&de.clientWidth) || document.body.clientWidth; 
    var h = (de&&de.clientHeight) || document.body.clientHeight; 
    // 獲取當前滾動條的位置 
    // 兼容寫法---阿拉尔租房信息,可兼容ie,ff 
    var st= (de&&de.scrollTop) || document.body.scrollTop; 
    var topp=0; 
    if(h>_h) 
    topp=(st+(h - _h)/2); 
    else
    topp=st; 
    var leftp = 0; 
    if(w>_w) 
    leftp = ((w - _w)/2); 
    // 左側距|__镜花水月两样情,頂部距 
    return [leftp,topp]; 
    //獲取鼠標位置GetPostion 
    function GetPostion(e) { 
    var x = getX(e); 
    var y = getY(e); 
    function getX(e) { 
    e = e || window.event; 
    return e.pageX || e.clientX + document.body.scrollLeft - document.body.clientLeft 
    function getY(e) { 
    e = e|| window.event; 
    return e.pageY || e.clientY + document.body.scrollTop - document.body.clientTop 
    //判斷瀏覽器類型 
    function getOs() 
    var OsObject = ""; 
    if(navigator.userAgent.indexOf("MSIE")>0) { 
    return "MSIE"; 
    if(isFirefox=navigator.userAgent.indexOf("Firefox")>0){ 
    return "Firefox"; 
    if(isSafari=navigator.userAgent.indexOf("Safari")>0) { 
    return "Safari"; 
    if(isCamino=navigator.userAgent.indexOf("Camino")>0){ 
    return "Camino"; 
    if(isMozilla=navigator.userAgent.indexOf("Gecko/")>0){ 
    return "Gecko"; 
     
    將該js包含到主調用的一覽jsp文件中|_|抢拍手机。
     
    1 <script language="javascript" type="text/javascript" src="<s:url value="/js/aligncenter.js"/>"></script> 
     
    3|-_临川晚报、一覽jsp中的調用方法
     
    1 <a class="view_button" onclick="viewLogistics(event,'<s:property value="#lrVo.logisticNO"/>')" href="####"><s:text name="struts.webui.logistics.label.view"/></a> 
     
    用戶點擊該行記錄的詳情鏈接時調用顯示層的方法|-_移动彩票,同時將該記錄的id值傳給調用方法|-朵朵邮购。其實|_ok数据网,每一個層就是用這條記錄的一個id屬性值進行區分的|_-11086移动彩票安全吗。
     
     
    function viewLogistics(event,logisticNO){ 
    var os = getOs(); 
    var y = getY(event); 
    if(os=='MSIE'){ 
    y=window.event.y+405; 
    $(".logisticscenter_xq").hide(); 
    $("#"+logisticNO).show(); 
    $("#"+logisticNO).css("top",y+15); 
     
    至於方法中event參數的作用_|西班牙赛道阀芯,還不是太清楚-|_阿列克斯 加西亚,這點需要再調查一下-_注册送888体验金平台。最終效果如下圖|_南昌商学院教务网,隨著鼠標下移|-|乐zone,層能夠動態的移動|_-云顶国际网站进不去了。
    <!-- 物流詳情彈出頁麵 start --> 
      本篇文章在我們的網站裏麵還有很多類型相同的內容如果看完這篇文章以後你還是覺得不夠盡興不夠舒暢那麼你可以到我們網站裏搜索相關的其他資訊這對於你我都是非常有益而且還很實用的_|2015年世界gdp排名。
    • 專題推薦

    次元立方 - 廣告服務 - 隱私聲明 - 版權申明 - 免責條款 - 網站地圖 - 網友投稿 - 聯係方式
    本站內容來自於互聯網,僅供用於網絡技術學習,學習中請遵循相關法律法規
    幸运飞艇爱购彩票星彩彩票88彩票通博彩票金牌彩票

    免责声明: 本站资料及图片来源互联网文章,本网不承担任何由内容信息所引起的争议和法律责任。所有作品版权归原创作者所有,与本站立场无关,如用户分享不慎侵犯了您的权益,请联系我们告知,我们将做删除处理!