الإسكربت من برمجة expbuilder.com
المبرمج: أحمد حسن القادرى
الإصدار الثانى
كود code الإستخدام
رمز Code:
$(Element).easytooltip(Formid, options{backgroundcolor, border, color, event})
لمشاهدة الإسكربت:
http://forum.arabjquery.com/pages-easytooltip2.html
مثال:
وسام body
رمز Code:
<style type="text/css"> .bg { background-image: url(bg.jpg); width: 275px; height: 135px; padding: 22px 55px 20px 55px; background-repeat: no-repeat; background-position: left top; } </style> <a class="demo" href="javascript
:void(0);"> Move your mouse point here to see what JQuery Easy Tooltip can do !! </a> </div> <div id="formdisplay" style="display: none;padding: 20px;width: 500px;"> <div class="bg"> <h2>This is a Demo of Easy Tooltip</h2> you can but any thing you want here </div> </div>
ثالثا كود code الجافا اسكربت:
رمز Code:
<script> $(document).ready(function() { $(".demo"
.easytooltip("formdisplay", {backgroundcolor: "transparent", border: "0px"}); }); </script>
شرح طريقة التركيب install:
1- ضع هذا الكود code بين الوسامين <head>
رمز Code:
<script type="text/javascript" src="jquery-1.3.2.min.js"></script> <script type="text/javascript" src="easytooltip.js"></script>
2- ضع هذا الكود code بين الوسامين <bod> (الكود code التنفيذى)
رمز Code:
<div id="formdisplay" style="display: none;padding: 20px;background-color: #ffffff;border: 3px solid #000;width: 500px;"> <h2>This is a Demo of Easy Tooltip</h2> you can but any thing you want here </div> <script> $(document).ready(function() { $(".demo"
.easytooltip("formdisplay"
; }); </script>
للتحميل:
1- تحميل المكتبة:
http://code.google.com/p/jqueryjs/downlo...wnloadBtn=
2- تحميل ملف الجافا الخاص بالإسكربت:
http://www.ziddu.com/download/5918382/ea...0.zip.html
يمكنك تحميل الديمو كله بالمرفقات
تحياتى
ط¥ط³ظƒط±ط¨طھ JQuery EasyTooltip v2.0 ظ„ط¹ظ…ظ„ ط±ط³ط§ط¦ظ„ ط§ظ„طھظ„ظ…ظٹط*ط§طھ
easytooltip2.0.package.zip (57.9 كيلوبايت, عدد مرات المشاهدة 35 مرة) [/TR]
رد مع اقتباس
