دوستان میخوام تایتل ها داخل سایتم دقیقا شبیه همین سایت یعنی http://www.datalifeengine.ir/ نمایش داده بشن
باید چیکار کنم که استایل همش عوض بشه و به محض اینکه موس هم رفت روش سریع نمایش داده بشه مثل همین سایت؟؟؟؟
استایل دهی به کادر تایتل
آغاز شده توسط
sahar19
, 1393/07/08 ساعت 09:10
7 پاسخ برای این موضوع
#2
ارسالی 1393/07/08 ساعت 09:22
sahar19,
کدهای زیر رو به قالب پیوست کن :
JS :
var qTipTag="a,label,input,img";var qTipX=0;var qTipY=22;tooltip={name:"qTip",offsetX:qTipX,offsetY:qTipY,ti
p:null};tooltip.init=function(){var c="http://www.w3.org/1999/xhtml";if(!d){var d="qTip"}var g=document.getElementById(d);if(!g){g=document.createElementNS?d
ocument.createElementNS(c,"div"):document.createElement(
"div");g.setAttribute("id",d);document.getElementsBy
TagName("body").item(0).appendChild(g)}if(!d
ocument.getElementById){return}this.tip=document.getElementById(this.nam
e);if(this.tip){document.onmousemove=function(a){tooltip.mov
e(a)}}var k,l,b;var h=qTipTag.split(",");for(var e=0;e<h.length;e++){b=document.getElementsByTagName(h[e])
;
;;if(b){for(var f=0;f<b.length;f++){k=b[f];l=k.getAttribute("title"&
amp;
#41;;if(l){k.setAttribute("tiptitle",l);k.removeAttribut
e("title");k.removeAttribute("alt");k.onmou
seover=function(){tooltip.show(this.getAttribute("tiptitle&a
mp;#
34;))};k.onmouseout=function(){tooltip.hide()}}}}}}
;tooltip.move=function(b){var a=0,c=0;if(document.all){a=(document.documentElement&&docume
nt.documentElement.scrollLeft)?document.documentElement.scrollLeft:docum
ent.body.scrollLeft;c=(document.documentElement&&document.documentEl
ement.scrollTop)?document.documentElement.scrollTop:document.body.scroll
Top;a+=window.event.clientX;c+=window.event.clientY}else{a=b.pageX;c=b.pageY}thi
s.tip.style.left=(a+this.offsetX)+"px";this.tip.style.top=(c
+this.offsetY)+"px"};tooltip.show=function(a){if(!this.t
ip){return}this.tip.innerHTML=a;this.tip.style.display="block"};tool
tip.hide=function(){if(!this.tip){return}this.tip.innerHTML="
;
;";this.tip.style.display="none"};window.onload=function(&a
mp;#
41;{tooltip.init()};
CSS:
کدهای زیر رو به قالب پیوست کن :
JS :
var qTipTag="a,label,input,img";var qTipX=0;var qTipY=22;tooltip={name:"qTip",offsetX:qTipX,offsetY:qTipY,ti
p:null};tooltip.init=function(){var c="http://www.w3.org/1999/xhtml";if(!d){var d="qTip"}var g=document.getElementById(d);if(!g){g=document.createElementNS?d
ocument.createElementNS(c,"div"):document.createElement(
"div");g.setAttribute("id",d);document.getElementsBy
TagName("body").item(0).appendChild(g)}if(!d
ocument.getElementById){return}this.tip=document.getElementById(this.nam
e);if(this.tip){document.onmousemove=function(a){tooltip.mov
e(a)}}var k,l,b;var h=qTipTag.split(",");for(var e=0;e<h.length;e++){b=document.getElementsByTagName(h[e])
;
;;if(b){for(var f=0;f<b.length;f++){k=b[f];l=k.getAttribute("title"&
amp;
#41;;if(l){k.setAttribute("tiptitle",l);k.removeAttribut
e("title");k.removeAttribute("alt");k.onmou
seover=function(){tooltip.show(this.getAttribute("tiptitle&a
mp;#
34;))};k.onmouseout=function(){tooltip.hide()}}}}}}
;tooltip.move=function(b){var a=0,c=0;if(document.all){a=(document.documentElement&&docume
nt.documentElement.scrollLeft)?document.documentElement.scrollLeft:docum
ent.body.scrollLeft;c=(document.documentElement&&document.documentEl
ement.scrollTop)?document.documentElement.scrollTop:document.body.scroll
Top;a+=window.event.clientX;c+=window.event.clientY}else{a=b.pageX;c=b.pageY}thi
s.tip.style.left=(a+this.offsetX)+"px";this.tip.style.top=(c
+this.offsetY)+"px"};tooltip.show=function(a){if(!this.t
ip){return}this.tip.innerHTML=a;this.tip.style.display="block"};tool
tip.hide=function(){if(!this.tip){return}this.tip.innerHTML="
;
;";this.tip.style.display="none"};window.onload=function(&a
mp;#
41;{tooltip.init()};
CSS:
#qTip{display:none;position:absolute;text-align:justify;direction
8;rtl;opacity:0.6;border:1px
solid #aaa;max-width:240px;background:#161616;padding:4px
8px;color:#fff;color:#FFF;-webkit-border-radius:5px;-moz-border-radi
us:5px;border-radius:5px;box-shadow:0px 0px 1px #161616;-webkit-box-shadow:0px 0px 1px #161616;-moz-box-shadow:0px 0px 1px #161616;z-index:100}
8;rtl;opacity:0.6;border:1px
solid #aaa;max-width:240px;background:#161616;padding:4px
8px;color:#fff;color:#FFF;-webkit-border-radius:5px;-moz-border-radi
us:5px;border-radius:5px;box-shadow:0px 0px 1px #161616;-webkit-box-shadow:0px 0px 1px #161616;-moz-box-shadow:0px 0px 1px #161616;z-index:100}
0 کاربر در حال خواندن این موضوع است
0 کاربر، 0 مهمان و 0 عضو مخفی