رفتن به مطلب

در خواست CSS3 به شیوه وبلاگ گوگل


پست های پیشنهاد شده

سلام

اگر به وبلاگ گوگل رفته باشین حتما یه Css3 اون بالا پیش هیدر میبینید که با رفتن روش تکون می خوره چیزه جالبی هست.کدش رو میشود یکی از بزرگواران قرار بدهد؟

http://googleblog.blogspot.com/

ممنون میشیم.

لینک به ارسال

برای نوشتنش باید جی کوئری بدونید.

من کد آماده شرو جایی ندیدم.

لینک به ارسال
  • 3 هفته بعد...

سلام عذر می خواهم صبح زوده و با عجله دارم میرم سرکار نتونستم صفحه را ببینم فقط کدهای jquery را می توان به راحتی در سورس کد صفحه دید و مانند php نیستند که نتیجه را ببینید راست کلیک نمایید سورس را احضار نمایید

نام کلاس یل آی دی بلوک مورد نظر را بیابید و در صفحه جستجو نمایید

جی کوئری ها به یک کتابخانه مرکزی وصلند که می تواند


<script src="http://code.jquery.com/jquery-latest.js"></script>

باشد که در head قرار می گیرد و کد اصلی را هم که چیزی مشابه


<script>
$(".class").click(function () {
$(this).toggleClass("highlight");
});
</script>
یا
<script>
$("#id").click(function () {
$(this).toggleClass("highlight");
});
</script>

است را هم که از سورس ها می توانید بیابید به همین سادگی

لینک به ارسال

دوست عزیز دیدم

اگر بخواهید چنین چیزی رو با CSS3 بنویسید باید اول یک لایه با آی دی مشخص داشته باشید که قابلیت ترانسپورت رو براش تعریف کرده باشید یعنی کد زیر


#layer {-moz-transition: all 1.8s linear .2s;
-o-transition:all 1.8s linear .2s;
-webkit-transition: all 1.8s linear .2s;
transition: all 1.8s linear .2s; }

و بعد برای دایره های رنگی چند جای مختلف را در چند کلاس مختلف تعریف کنید و در نهایت یک کد یک خطی جاوا اسکریپت هم برای هر لایه اضافه کنید مثل


<div id="layer" class="cl1">
<div class="subcl1" onmouseover="document.getElementById('layer').className='cl2'">
</div>
</div>

والبته خود گوگل jquery نوشته که برای آشنایی باید دو پیوند زیر را ببینید پیوند اول پیوند به کتابخانه است و می تونه با همان کیفیت قرار بگیره و پیوند دوم کدهای مخصوص وبلاگ

http://ajax.googleap...1/jquery.min.js

www.blogblog.com/dynamicviews/fd3d7a59ef034be3/js/thirdparty/jquery-mousewheel.js

ویرایش شده توسط imanfakhar
لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

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

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...