نحوه ساخت div کوچک بر روی صفحه html مطابق با همین سایت و عکس ضمیمه

[alireza.wise]

سلام دوستان

من یک صفحه html ساختم که بالای اون تصویر کاربر لاگین کنند و خوش آمدید و یک فلش کوچک وجود داره و من می خوام هر زمان روی فلش کوچک کاربر کلیک کرد یک div کوچک باز بشه که به طور مثال شامل دو لینک پروفایل و خروج باشه از نظر عملکرد مثل نمایش اطلاعیه های همین سایت که بالا هستش و عکسش رو ضمیمه کردم ...

ممنون می شم راهنمایی کنید

با تشکر

[masoud_pnu]

با jquery ui بسادگی اینکار قابل انجامه.یعنی بهترین راهش که دپندنسی خاصی به مرورگرهم نداشته باشه.div رو تعریف کنید.مکانشم مشخص کنید.بعد تو CSS بهش خاصیت display:none;بدید.حالا یه تگ اسکریپت بازکنید و توش اینارو بنویسید(فراموش نکنید که لایبرری جی کوئری و جی کوئری ui رو هم اضافه کنید):


<script type="text/javascript">
$(document).ready(function(e) {
$("#signupbutton").click(function(e) {
$("#signupbox").show("clip",300);
});

$("#close").click(function(e) {
$("#signupbox").hide("clip",300);
});
});
</script>


ببخشید.اینو از کد خودم کپی کردم،حقیقت حس تایپش نبود!!شما اون signupbutton و...رو عوض کن با id دکمه ات.signupbox هم id اون divهستش.با css هم میشه اینکارو انجام داد.منتها بخاطر بعضی مرورگرها،من جی کوئری رو ترجیح میدم.:لبخند: