yui3与jquery的代码对照
发布时间：2018-08-27 04:49:53 所属栏目：传媒 来源：站长网
导读：YUI3： script YUI().use('node', function(Y){ var links = Y.all('div#latest-list .bd li a'); links.on('mouseover', function(ev){ var desc = this.get('parentNode').query('.news-desc'); var popup = Y.get('.popup-desc'); if(!popup){ Y.get(doc
|
YUI3： <script> YUI().use('node', function(Y){ var links = Y.all('div#latest-list .bd li a'); links.on('mouseover', function(ev){ var desc = this.get('parentNode').query('.news-desc'); var popup = Y.get('.popup-desc'); if(!popup){ Y.get(document.body).appendChild(popup = Y.Node.create('<div></div>')); } popup.set('innerHTML', desc.get('innerHTML')).setStyles({ display: "block", opacity: 0.9, top: (ev.clientY + 10) + "px", left: (ev.clientX + 10) + "px" }); }); links.on('mouseout', function(ev){ Y.get('.popup-desc').setStyle("display", "none"); }); }); </script> jquery: <script> $(document).ready(function(){ $("div#latest-list .bd li a") .mouseover(function(ev){ var desc = $("div.news-desc", this.parentNode); var popup = $("div.popup-desc"); if(popup.length === 0){ popup = $('<div></div>').appendTo(document.body); } popup.html(desc.html()) .show() .css("opacity", 0.9) .css("top", (ev.clientY + 10) + "px") .css("left", (ev.clientX + 10) + "px"); }) .mouseout(function(ev){ $("div.popup-desc").hide(); }); }); </script> （编辑：威海站长网） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |
站长推荐
热点阅读