کد جاوا اسکریپت / اسلایدر بسیار زیبا برای وبلاگ شما
فروشگاه معتبر اینترنتی
وب سرگرمی تفریحی rozblog
دانلود سریال جدید
خودنویس
خرید+سیسیکم
ارسال لینک
...
✅ چرا نوبیتکس ؟
- نوبیتکس یک بستر امن و کاملاً بومی است که در آن می‌توانید بدون نگرانی از تحریم ها به خرید و فروش بیت کوین و سایر رمزارزها بپردازید.
- مهمترین ویژگی نوبیتکس ، قابلیت سفارش گذاری با قیمت مدنظر در یک بازار رقابتی می باشد. به همین دلیل بهترین قیمت خرید و فروش رمزارزها را در نوبیتکس خواهید یافت.
- همچنین بازار نوبیتکس به صورت 24 ساعته فعال بوده و امکان معامله در آن همیشه وجود دارد.
- نوبیتکس با تأییدیه معاونت فناوری ریاست جمهوری ، اولین بستر دانش بنیان مبادله رمزارزها در ایران است.
- با ثبت نام از طریق لینک زیر ، 10 درصد کارمزد معاملات شما ، به صورت جایزه ، فوراَ به حساب کاربری شما عودت داده می شود:
...
.
.
کد جاوا اسکریپت / اسلایدر بسیار زیبا برای وبلاگ شما
.
.
که در این کد ارائه شده ، چند عکس به صورت پیش فرض وجود داره ، که شما عزیزان در صورت تمایل می تونید اونها رو ویرایش کنید
.
مشخصات :
.
نام : slideshow v2
.
طراحی و کدنویسی : سالا وب
.
مرورگرها : جدید / پیشنهادی کروم
.
پیش نمایش
.
در ضمن ، خودم این کد رو توی سیستم وبلاگ دهی رزبلاگ امتحان کردم ، فکر کنم برای بقیه سیستم ها هم جواب بده 
.
.
.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="generator" content="Developed By salarweb.rozblog.com" />
<title>slidshow full v2</title>
<style>
body
{
background-color: #000;
padding: 2%;
color: #ccc;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 1em;
}
a
{
color: #0CC5DA;
text-decoration: none;
}
a:hover
{
color: #DCE808;
text-decoration: underline;
}
p
{
margin: 0 auto;
width: 960px;
margin-top: 1%;
text-align: center;
}
p.larger
{
font-size: 1.1em;
}
.container
{
margin: 0 auto;
position: relative;
overflow: hidden;
}
.container span
{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
position: absolute;
}
.container ul, .container li
{
padding: 0;
margin: 0;
list-style: none;
}
.container li
{
display: none;
}
.container li.active
{
display: inline;
}
</style>
<script type='text/javascript' src='http://up.7learn.com/js/jquery.js'></script>
<script>
$(document).ready(function(e) {
$(document).ready(function(){
var width = 960;
height = 538;
var numberOfBlinds = 20;
var margin = 2;
var color = '#000';
gapHeight = 100;
var container = $('#container');
container.width(width).height(height);
var blindWidth = width / numberOfBlinds;
images = new Array();
$('ul li', container).each(function() {
images.push($(this));
});
images[0].addClass('active');
activeImage = 0;
for (var i = 0; i < numberOfBlinds; i++) {
var tempEl = $(document.createElement('span'));
var borders = calculateBorders();
tempEl.css({
'left': i * blindWidth,
border: margin + 'px solid ' + color,
borderTop: borders.borderWidthTop + 'px solid ' + color,
borderBottom: borders.borderWidthBottom + 'px solid ' + color,
'height': height,
'width': blindWidth
});
container.prepend(tempEl);
};
blinds = $('span', container);
setTimeout(animateBorders, 1000);
});
function calculateBorders() {
var random = Math.floor((Math.random()*9)+1);
var borderWidthTop = (random / 10) * gapHeight;
var borderWidthBottom = gapHeight - borderWidthTop;
return {borderWidthTop: borderWidthTop, borderWidthBottom: borderWidthBottom};
}
function animateBorders() {
var changeOccuredOnce = false;
blinds.animate({
borderTopWidth: height / 2,
borderBottomWidth: height / 2
}, 1000, function() {
if(!changeOccuredOnce) {
images[activeImage].removeClass('active');
activeImage = (activeImage + 1) % images.length;
images[activeImage].addClass('active');
setTimeout(animateBorders, 3000);
changeOccuredOnce = true;
}
var borders = calculateBorders();
$(this).delay(300).animate({
borderTopWidth: borders.borderWidthTop,
borderBottomWidth: borders.borderWidthBottom
}, 1000);
});
}
});
</script>
</head>
<body>
<div id="container">
<ul>
<li><img src="http://dream-wallpaper.com/free-wallpaper/star-wallpaper/keira-knightley-wallpaper/1024x768/free-wallpaper-10.jpg" alt="" /></li>
<li><img src="http://dream-wallpaper.com/free-wallpaper/star-wallpaper/keira-knightley-wallpaper/1024x768/free-wallpaper-21.jpg" alt="" /></li>
<li><img src="http://dream-wallpaper.com/free-wallpaper/star-wallpaper/keira-knightley-wallpaper/1024x768/free-wallpaper-10.jpg" alt="" /></li>
<li><img src="http://dream-wallpaper.com/free-wallpaper/star-wallpaper/keira-knightley-wallpaper/1024x768/free-wallpaper-1.jpg" alt="" /></li>
</ul>
</div>
</body>
</html>
.
.
.
.
| امتیاز : | نتیجه : 0 امتیاز توسط 0 نفر مجموع امتیاز : 0 |
نویسنده: Rozfa نظرات(0)
موضوع: مطلب,جالب و خواندنی,
برچسب ها : کد جاوا اسکریپت / اسلایدر بسیار زیبا برای وبلاگ شما,
آمار مطالب
کل مطالب : 929 کل نظرات : 281
آمار کاربران افراد آنلاین : 2 تعداد اعضا : 109
آمار بازدید ورودی امروز گوگل : 0 ورودی گوگل دیروز : 2 بازدید ماه : 8,081 بازدید سال : 32,139 بازدید کلی : 1,578,328 اطلاعات شماآِ ی پی : 3.236.207.90 مرورگر : سیستم عامل : - 9 قابلیت پنهان گوگل که باید بدانید
- خواص لوبیای سویا
- زنی که ماشین حساب را ساخت
- آشنایی با زندگی هيتلر
- کاریکاتور / دختران در مدرسه
- پ نه پ جدید و خنده دار
- هر آنچه باید در مورد کنترلرهای جدید PS4 بدانید
- دانلود کتاب معرفت شناسی و فلسفه علم
- بهترین اس ام اس تبریک عید غدیر خم 91
- رازهای موفقیت !! (طنز)
- سلاح تهاجمی با قابلیت شلیک زیر آب + عکس
- عکس های بسیار زیبا و ناب برای پروفایل
- تصاویر 3 بعدی فوق العاده زیبا
- اس ام اس پرسشی
- مجموعه ۴۰ آیکون از شبکه های اجتماعی با عنوان Social Icons
- آب لیمو چه خواص شگفت انگیزی دارد !؟
- تصاویر / زندگی رویایی در دامنه کوههای آلپ
- اگر عشق ماشینی حتما ببین
- دانلود اسکریپت پیش بینی مسابقات فوتبال
- اس ام اس های پرسپولیسی
- هر آنچه درباره انبه باید بدانید
- دانلود ویندوز سون به همراه آخرین آپدیت Windows 7 Ultimate SP1 x86-x64 Integrated July 2012
- آموزش Pascal
- مخفف اصطلاحات و لغات حرفه ای در چت روم
- وقتی چربی ها به بدن حمله می کنند !
- طرز تهیه ی آب دوغ خیار
- عکس های دیدنی / باغ لاله ها در هلند
- اس ام اس و پیامک تبریک عید غدیر خم
- دانلود بازی Confrontation برای PC
- پیامک تبریک شب چله
- عکس / کاناپه عروسکی
- عکس های زیبا از گل لاله در ایران
- جوک و اس ام اس متفرقه
- کولر پوشیدنی ساخته شد
- طرز تهیه ی کله جوش
- اس ام اس تاسوعا و عاشورا (2)
- دانلود بازی Death Pages: Ghost Library برای PC
- کاریکاتور / آقایی گوجه در برابر موز
- عکس / تانکها در خیابانهای تهران قدیم
- خودرویی که خیلی وقت پیش رقیب پیکان بود + عکس
- مجموعه بهترین پ ن پ های خنده دار
- دانلود نرم افزار اسپمر بلاگفا، میهن بلاگ، پرشین بلاگ و بلاگ اسکای
- عکس جالب از ماشين يک بچه پولدار 10 ، 12 ساله !
- مقایسه دخترهای دهه شصتی و دهه هفتادی !
- شعری از فروغ - شکست نیاز
- مجموعه ۲۰ آیکون از شبکه های اجتماعی Old Bottle Crowns Social Icons
- چند ترفند کوچک در نرم افزارفتوشاپ
- موتور سنگین 1
- مشخص کردن میزان استفاده از برنامه های نصب شده در ویندوز XP
- دانلود کتاب حسین کرد شبستری
