امتیاز موضوع:
  • 0 رأی - میانگین امتیازات: 0
  • 1
  • 2
  • 3
  • 4
  • 5

لوادینگ کاملا حرفه ای که بعد از کلک نمایش داده میشود
آفلاین حسن قاسمی نیاv
همکار افتخاری

*****
همکار افتخاری
ارسال‌ها: 34
تاریخ عضویت: 29 November 2012
اعتبار: 2
ارسال: #1
لوادینگ کاملا حرفه ای که بعد از کلک نمایش داده میشود

با سلام اروز براتون یک لوادینگ میذارم که یکی از دوستان درست کرده جالب بود برام منم اینجا گذاشتم .

این لوادینگ با بعقیه فرق میکنه موقع لود سایت نشون داده نمیشه بلکه بعد از کلیک نشون داده میشه . تا اونجا که اطلاع دارم این لوادینگ از تگ a پیروی میکنه .

من کودشو در یک اچ تی ام ال خلاصه میکنم .
کد:
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
$(document).ready(function () {
// a links
    $('a').click(function(){
        $('.loadlink').show(300);
    });
    $('.hover').hover(function(){
        $(this).fadeTo(300,0);
    },function(){
        $(this).fadeTo(300,1);
    });

// exit for a links
    $('.exit2').click(function(){
        $('.loadlink').hide(300);
    });
});
</script>
<style>
.loadlink{
    position:fixed;
    height:70px;
    width:300px;
    margin:-35px 0 0 -150px;
    border:1px #ccc solid;
    border-radius:5px;
    -moz-border-radius:5px;
    -ms-border-radius:5px;
    -webkit-border-radius:5px;
    -o-border-radius:5px;
    -khtml-border-radius:5px;
    padding:10px;
    top:50%;
    left:50%;
    display:none;
    background:#fff;
    z-index:99999999999999999999999;
    font:11px tahoma;
    direction:rtl;
}
.exit1{
    float:left;
    cursor:pointer;
    height:20px;
    width:20px;
    background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAARISURBVHjaXJTPbxtFFMd​n9pfXP9Y/Yqe2QQlFDQQCSoqgSaGVihTKpSgcKEqCmgMXkDghyn/RC0gcoFAhAWkEAg4VSHDIgVsqSEoQSEikbZASO7GS2FnH3tnffN96jaKu9HZWO28+89533hvls2KRhb7​PNFVNFSqV95PJ5JDdat1wWq0VVZIYgwVhyOiROY9G3/OYbBiP68Xiu47jdA92dq4JIXa5LDMlDAImq2omV6l8ynx/rrO/z9LZ7CuqolwRe3vLUgzpPwFgeqEwrhrGUqfZHAsVheXK5WeCRmPBtqyaPJNOJ/Ll8ke+EAvt3V3mWxZzLSuTKhRe1pLJdefo6B4jKBlgqVLptJbJ3GzVamNd02TddpuyeFTP5Z5yLOtH+V​XDeCjw/U/E4SGCUpgMY0jR63QyyXz+oqbr66LdvkeypEulcYId1utjruMwpqqRJKLbZX4YjoRh+IMEPZpWu70SYoK​UivTCtw8AoqhyVf0yPTj4fKpYfExJp79uxbAQepEvrSHtRKfzN/5vQnV2BMDboK9iFxaQ6DQC6gHarNUqUiLxvZbN/oQNnnBsO5ojGJnfGzex7E2Isq3EWv+DneYAW4LDc/0DkChqHBpBSUNIg6OWH4T9i7XzcF+J1tArOkfON/B+Aw6/kaMPUGQAuRhdwAJ8R/9I4x6QYHME43E1SDwGxkaRzmPxLy40oEUeAUgGmBeDvN4G6/Cd5QQ7xlBMlAJ9yEhPph3CcCNjGNdQb1MQWac67FciHQBJIClKmEinP++Y5u0oG/jQRoiByS9AE7evCeBGsfh0Opf7EDU2hPR4BInnw1g3GEedjnBd/7Nlmps2NhH4b0MWiSKQ4g7Io85ShvHNXr3+rO04vH/i3jGj1ElP+IwomrY0UC5PMwA55vosNEAEO51EO+1ubz8p4tLwHoD9D8VCB9Ddra2yrGlf4Q54iSqAMpA​C0AGb0A1jcWd7e4xgVOQkfCR+D7IB+909dih04hQpAqgg0i8GTpyYjoCqpmXVROLjBnrTEqIH6y/sRb+JNnzNPzq65Lnualwu0TxlQZEikCq65UZC14elwHVzzZ2dcVxDUQv1nWl3G4L7rjuvj4//oZ85U4Oms45prrqQqB9pSCdMHdVoPOI7zpD8IudW4DiDCGWKgNQRuHkYQBv66OjrA7Ozv+YuX2apc+eY​OjzcRLQ/i3p9CmuGOF0OdPqkuet+h4Su8+tXrzK/21XbKysfdO7ceYfKJFGtbhRmZq4YZ8/eVkslLRBCpoU8mQz8VsvurK2dOrh166Z19+4k1WhydPTb7Pnzbyn5fFPJXrhA/flwZnLyr8Pl5fvewUEVk/upiYmFUIj3fNPMUgNEhe26vqTr7fzFi43EyZMm/AXXtFZ+enotMTycxxXX5IuLi+RbxcQppKAjEgOWQ1Q5jBnMqXGT9B8qxQ5uIBOBNCFRG3KJwLbv4//WfwIMAA5f5jL4//z0AAAAAElFTkSuQmCC) no-repeat center center;
}
.exit2{
    cursor:pointer;
    width:20px;
    height:20px;
    background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAOtSURBVHjaXFTdS5NRGH+​3d++cc2666eaUTc1lNvNjtrQwFEzzou4i1NCLbgrsJqL/wqugiz6QLkqlqK4KCgrqzmhGRkHgyBU1P+d0X845Xb/f2InXXng45z3neX7P7/k6mtPd3dL+/r6kKIrRbrffLC4udsVisclEIjEry7Kk0WikXC4n8eOe397enmQ0GhstFsv1TCaTWl1dnUin0yvU11FZp​9OZKisr70NxOBqNSmaz+TwcjG5ubr7VarWS+iMY7ltLSkpmtra2vASBrW9tbW0MoGHZ7XIVgdntnZ2ds​UgkImGVtre3TfB+1mAwzKdSqR+CHcHKy8vbwW56ZWXFG4/HJUTCu/rS0tJmAL6U6+vqqqF4F5cKmJJtPkSCgskAQWH0g2kBWCvBEKIXoeZ1GQGcMm0e2L3QZrPZKPPFCwJRuC​cbsHAipIc2m+1UWVnZYeT3sQBT6zNsgH7HeYgJSoDyVVzM8ZJMuIoQAVqFfD43mUyvsG9iSkShVPoh4F​zG+R9dIdcLOBzGwQxWP4HIQDBdXl6uEg7UzPiP9SfsRyCzBFKXMAi5BIWA8EwhEFcai734L4ANE0y0lF​ZUsHCwQG9Qfg+jHI2Q4wMgKpmH7pBgJjB0IicMpQAaRAtMAKgLYhCexUdgFCGHAj3AAHwQTS9yL1fYbA​e8ozWOAfAWKu/Cv0bkS10EiAZ96tHr9V/R3KHd3V1JRKNVjxP7DBPwBNU8jhbIX6jzSRG60PGgD2cqKirOCGf5SKlAZPRaO5jNLC0tHRVpUAP9D0o​b6DrA8hEmrb9QJEnGHEpWq7UNYNNQ8JK+ujUKLIOQX5Aqda8SBKnhmA4A+DOae1GLjRlyh2CYxX8hUWg​IJiGM4QXIOTibE+dcBdNwOMyJmsSYurVQsmCcWjlOHCHBjIrJZDKEdaShoeFLU1NTGOdDYDHHKART0fB​4bWqB4ZJtVus2jCpx2SVah+A4C9bW1l7s6+v72NvbKzW3tEgOuz0Kpq/X19fZUi7xkNAB/p9hf0++Nj6+7/F43sCLDUxP8BIFCg4ODo729/cHDnk8emRSj+iU6poa+UhjY8ThcLzDu3lyY2OjhuzcbvfTnp6eKz6fb0vX3tFBVjVer/dbIBBYRLM629raIgAaA/iNZCJhBlh+5lPZ7J5SVBT3d3auOp3OGPTTYLnp9/s/OZzOMkQZ1UxNTVHXqVOUBlwaQLsUYkHYFsRjIjMWWv1oQ5KKXh9DiqIgEwfL9G4ms4jz338FGAAJYeo+​GfWAbQAAAABJRU5ErkJggg==) no-repeat center center;
}
</style>
</head>
<body>
<center class="loadlink"><div class="exit1"><div class="exit2 hover"></div><div style="position:absolute;top:-200%;"></div></div><img src="http://moisrex.rozblog.com/weblog/file/loading/88.gif" alt="loading"><br>در حال انتقال به صفحه مورد نظر ...</center>
<a href="http://hany2.rozblog.com/page/sdasdasd">اینجا کلیک کن</a>
</body>
</html>


اگه بعد از سیو کردن اسکریپت شما به کد 
کد:
<script src="http://code.jquery.com/jquery-latest.js"></script>

ایراد گرفت پاکش کنید این ایراد به این معنی هست که قبلا فراخوانی شده .

دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.

دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.

10-01-2013 08:06 PM
نقل قول این ارسال در یک پاسخ





کاربرانِ درحال بازدید از این موضوع: 1 مهمان
                                 علم تجربه ای است شیرین و بی پایان کلیه حقوق مادی و معنوی این وب سایت برای انجمن های تخصصی HTML محفوظ می باشد                   طراحی و اجرا : سرورنگار