loulou ange
11-01-2013, بتوقيت غرينيتش 02:35 AM
http://www.dzbatna.com/images/icons/icon30.gif ط¥ط³ظƒط±ط¨طھ JQuery EasyTooltip v2.0 ظ„ط¹ظ…ظ„ ط±ط³ط§ط¦ظ„ ط§ظ„طھظ„ظ…ظٹط*ط§طھ (http://www.dzbatna.com/t1765224/)
السلام عليكم ورحمة الله وبركاته
http://www.expbuilder.com/easytooltip2.jpg
الإسكربت من برمجة 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= (http://code.google.com/p/jqueryjs/downloads/detail?name=jquery-1.3.2.min.js&downloadBtn=)
2- تحميل ملف الجافا الخاص بالإسكربت: http://www.ziddu.com/download/5918382/ea...0.zip.html (http://www.ziddu.com/download/5918382/easytooltip2.0.zip.html)
يمكنك تحميل الديمو كله بالمرفقات
تحياتى
التعديل الأخير كان بواسطة elkadrey; 11 - 01 - 2014 الساعة 00:04
ألعاب الأندرويد مجانا و حصريا (http://www.apotox.info/forum)
الملفات المرفقة
http://www.traidnt.net/vb/images/attach/zip.gif easytooltip2.0.package.zip (http://www.traidnt.net/vb/attachments/546384d1294692564-easytooltip2.0.package.zip) (57.9 كيلوبايت, عدد مرات المشاهدة 35 مرة)
https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©
السلام عليكم ورحمة الله وبركاته
http://www.expbuilder.com/easytooltip2.jpg
الإسكربت من برمجة 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= (http://code.google.com/p/jqueryjs/downloads/detail?name=jquery-1.3.2.min.js&downloadBtn=)
2- تحميل ملف الجافا الخاص بالإسكربت: http://www.ziddu.com/download/5918382/ea...0.zip.html (http://www.ziddu.com/download/5918382/easytooltip2.0.zip.html)
يمكنك تحميل الديمو كله بالمرفقات
تحياتى
التعديل الأخير كان بواسطة elkadrey; 11 - 01 - 2014 الساعة 00:04
ألعاب الأندرويد مجانا و حصريا (http://www.apotox.info/forum)
الملفات المرفقة
http://www.traidnt.net/vb/images/attach/zip.gif easytooltip2.0.package.zip (http://www.traidnt.net/vb/attachments/546384d1294692564-easytooltip2.0.package.zip) (57.9 كيلوبايت, عدد مرات المشاهدة 35 مرة)
https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©