السلام عليكم ورحمة الله وبركاته
فضلا أخي المدير
أريد كود بحيث لما أمرر الماوس على عنوان موضوع معين تظهر علبة جانبية تحتوي على عنوان الموضوع بشكل جميل
مثلما تشير إليه الصورة :
وبارك الله فيكم
نحن حالياً نقوم بعملية صيانه وتجديد لشكل ومحتوي المنتدى قد يطول الأمر فأتمنى لكم وقتاً ممتعاً إعذرونا للأخطاء التقنية
يسعدنا انضمامك إلى أسرتنا المتواضعة، شرفنا بمشاركاتك المميزة ونشر الفائدة بين الأعضاء بالضغط هنا
تفضل و سجل دخولك وأثبت وجودك معنا بكل ما هو مفيد واستفد من الميزات المخصصة للأعضاء بالضغط هنا
الكود:
//JQuery Quick Tip
//Author: Owain Lewis
//Author URL: www.Owainlewis.com
jQuery.fn.quicktip = function(options){
var defaults = {
speed: 500,
xOffset: 10,
yOffset: 10
};
var options = $.extend(defaults, options);
return this.each(function(){
var $this = jQuery(this)
//Pass the title to a variable and then remove it from DOM
if ($this.attr('title') != ''){
var tipTitle = ($this.attr('title'));
}else{
var tipTitle = 'Quick tip';
}
//Remove title attribute
$this.removeAttr('title');
$(this).hover(function(e){
$(this).css('cursor', 'pointer')
$("body").append("<div id='tooltip'>" + tipTitle + "</div>");
$("#tooltip")
.css("top", (e.pageY + defaults.xOffset) + "px")
.css("left", (e.pageX + defaults.yOffset) + "px")
.fadeIn(options.speed);
}, function() {
//Remove the tooltip from the DOM
$("#tooltip").remove();
});
$(this).mousemove(function(e) {
$("#tooltip")
.css("top", (e.pageY + defaults.xOffset) + "px")
.css("left", (e.pageX + defaults.yOffset) + "px");
});
});
};
يغلق للإهمال |
لاتستطيع الرد على المواضيع في هذا المنتدى