بررسی تخصصی کدهای جاوا اسکریپت

1391/01/22 @ 5:10 PM

حرکت پاپ آپ درون صفحه

این کد یک پاپ آپ متحرک ایجاد می کند که در پس زمینه حرکت افقی و عمودی دارد
این کد را در قسمت body قالب خود قرار دهید .

1391/01/14 @ 5:22 PM

حرکت نوشتار درون باکس در صفحه

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

منبع : http://www.fabulant.com

ادامه مطلب ...

1390/12/24 @ 4:07 PM

افکت تیتر یا عنوان مطلب

این کد یه افکت جالب در تیتر مورد نظر شما ایجاد می کند این کد قابل اجرا در تمامی مرورگرها است

ادامه مطلب ...

1390/12/06 @ 4:39 PM

نوشتن به صورت تایپ در Title Bar

این کد یک متن را به صورت افکت تایپ شدن در بالای صفحه مرورگر Title Bar اجرا می کند

قابل اجرا در تمامی مرورگرها

ادامه مطلب ...

1390/12/04 @ 5:43 PM

کد بارش نوشته

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

این کد از یک بخش تشکیل شده و کدها را به قسمت body قالب خود اضافه کنید

قابل اجرا در مرورگرهای : Opera , IE ,Firefox , Chrome

منبع : http://www.fabulant.com

ادامه مطلب ...

1390/11/26 @ 9:01 PM

کد افکت مارپیچ متن جاوا اسکریپت

یک کد جدید جاوا اسکریپت است که همانند جلوه های فلش به صورت مارپیچ درون صفحه ظاهر و بعد از چند لحظه از بین می رود

این کد از یک بخش تشکیل شده و محتوای آن را در قسمت body قالب خود قرار دهید

ادامه مطلب ...

1390/11/20 @ 6:07 PM

کد بنر جاوا اسکریپت

از این کد میتوانید برای جایگذین کردن بنر های فلش استفاده کنید نمونه کد به صورت یک کادر همراه جلوه برف است این کد را در بخش head یا body قالب خود قرار می گیرد

ادامه مطلب ...

1390/11/18 @ 6:06 PM

جعبه همراه با موس Cursor Scroller

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

قابل اجرا در مرورگرهای IE , Firefox ,Opera

ادامه مطلب ...

1390/11/12 @ 1:07 PM

کد تغییر پس زمینه صفحه به صورت متحرک Gradient Background

از این کد میتوانید برای تغییر پس زمینه صفحه استفاده کنید این کد خاصیت Gradient تغییر رنگ خودکار را می دهد

این کد از یک بخش تشکیل شده و برای استفاده آن در بخش head یا body قالب خود قرار دهید

نکته : برای اجرای صحیح کد بایستی کد زیر را در اول قالب وبلاگ خود بیابید و پاک کنید

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<script>
// CREDITS:
// Gradient Background Fader, Multicolor
// By Peter Gehrig
// Copyright (c) 2010 Peter Gehrig. All rights reserved.
// Permission given to use the script provided that this notice remains as is.
// Additional scripts can be found at http://www.fabulant.com

// IMPORTANT:
// If you add this script to a script-library or script-archive
// you have to add a highly visible link to
// http://www.fabulant.com on the webpage
// where this script will be featured

///////////////////////////////////////////////////////////////////////////
// CONFIGURATION STARTS HERE
///////////////////////////////////////////////////////////////////////////

// Select the colors (hexadecimal triplet value required)
// Please note that at least 3 colors are required!
var colors=new Array("#FFFF00","#00FFFF","#5fc700","#854b00","#76e07c","#FFAC00","#FFFF66","#ff0000","#FFFFFF","#850044","#B56AFF","#56B1FF")

// Set pause between colors (seconds)
var pausebetweencolors=2

// What type of gradient should be applied Internet Explorer 5x or higher?
// Set "none" or "horizontal" or "vertical"
var gradient_effect="horizontal"

// Set speed (higher=slower)
var speed=20

// How many times shall the effect be repeated?
// Add a value between 1 and 9999999
var i_loopmax=1000

///////////////////////////////////////////////////////////////////////////
// CONFIGURATION ENDS HERE
///////////////////////////////////////////////////////////////////////////

// do not edit code below this line
var pausesteps=40
var hexc = new Array('0','1','2','3','4','5','6','7','8','9','A','B','C','D','E','F')
var redcol_1
var redcol_2
var redcol_1_b
var redcol_2_b
var greencol_1
var greencol_2
var greencol_1_b
var greencol_2_b
var bluecol_1
var bluecol_2
var bluecol_1_b
var bluecol_2_b

var rgbredfrom
var rgbgreenfrom
var rgbbluefrom
var rgbredto
var rgbgreento
var rgbblueto
var rgbrednow
var rgbgreennow
var rgbbluenow

var rgbredfrom_b
var rgbgreenfrom_b
var rgbbluefrom_b
var rgbredto_b
var rgbgreento_b
var rgbblueto_b
var rgbrednow_b
var rgbgreennow_b
var rgbbluenow_b

var colorhexafrom
var colorhexato

var i_step=1
var i_loop=0
var i_colorsA=0
var i_colorsB=1
var i_colorsC=1
var i_colorsD=2

pausebetweencolors*=1000


var browserinfos=navigator.userAgent.toLowerCase();
var ie4=document.all&&!document.getElementById
var ie5=document.all&&document.getElementById&&!browserinfos.match(/opera/)
var opera=browserinfos.indexOf("opera")!=-1
var chrome=browserinfos.indexOf("chrome")!=-1
var ff36=browserinfos.indexOf("firefox/3.6") !=-1 || browserinfos.indexOf("firefox/.3.6") !=-1 || browserinfos.indexOf("firefox/0.3.6") || browserinfos.indexOf("firefox/3.7") !=-1 || browserinfos.indexOf("firefox/.3.7") !=-1 || browserinfos.indexOf("firefox/0.3.7") || browserinfos.indexOf("firefox/3.8") !=-1 || browserinfos.indexOf("firefox/.3.8") !=-1 || browserinfos.indexOf("firefox/0.3.8") || browserinfos.indexOf("firefox/3.9") !=-1 || browserinfos.indexOf("firefox/.3.9") !=-1 || browserinfos.indexOf("firefox/0.3.9") || browserinfos.indexOf("firefox/4") !=-1 || browserinfos.indexOf("firefox/.4") !=-1 || browserinfos.indexOf("firefox/0.4") !=-1;

var ns4=document.layers
var ns6=document.getElementById&&!document.all&&!browserinfos.match(/opera/)

var browserok=ie4||ie5||ns4||ns6||opera||ff36||chrome

function translateintorgb() {

	var hexa=colors[i_colorsA]
	var hexared=hexa.substring(1,3)
	var hexagreen=hexa.substring(3,5)
	var hexablue=hexa.substring(5,7)
	rgbredfrom=parseInt("0x"+hexared)
	rgbgreenfrom=parseInt("0x"+hexagreen)
	rgbbluefrom=parseInt("0x"+hexablue)
	rgbrednow=rgbredfrom
	rgbgreennow=rgbgreenfrom
	rgbbluenow=rgbbluefrom

	var hexa=colors[i_colorsB]
	var hexared=hexa.substring(1,3)
	var hexagreen=hexa.substring(3,5)
	var hexablue=hexa.substring(5,7)
	rgbredto=parseInt("0x"+hexared)
	rgbgreento=parseInt("0x"+hexagreen)
	rgbblueto=parseInt("0x"+hexablue)

	var hexa=colors[i_colorsC]
	var hexared=hexa.substring(1,3)
	var hexagreen=hexa.substring(3,5)
	var hexablue=hexa.substring(5,7)
	rgbredfrom_b=parseInt("0x"+hexared)
	rgbgreenfrom_b=parseInt("0x"+hexagreen)
	rgbbluefrom_b=parseInt("0x"+hexablue)
	rgbrednow_b=rgbredfrom_b
	rgbgreennow_b=rgbgreenfrom_b
	rgbbluenow_b=rgbbluefrom_b

	var hexa=colors[i_colorsD]
	var hexared=hexa.substring(1,3)
	var hexagreen=hexa.substring(3,5)
	var hexablue=hexa.substring(5,7)
	rgbredto_b=parseInt("0x"+hexared)
	rgbgreento_b=parseInt("0x"+hexagreen)
	rgbblueto_b=parseInt("0x"+hexablue)
	i_colorsA++
	i_colorsB++
	i_colorsC++
	i_colorsD++
	if (i_colorsA>=colors.length) {i_colorsA=0}
	if (i_colorsB>=colors.length) {i_colorsB=0}
	if (i_colorsC>=colors.length) {i_colorsC=0}
	if (i_colorsD>=colors.length) {i_colorsD=0}

	changefromto()
}

function changefromto() {
	rgbrednow=rgbrednow-((rgbredfrom-rgbredto)/speed)
	rgbgreennow=rgbgreennow-((rgbgreenfrom-rgbgreento)/speed)
	rgbbluenow=rgbbluenow-((rgbbluefrom-rgbblueto)/speed)

	rgbrednow_b=rgbrednow_b-((rgbredfrom_b-rgbredto_b)/speed)
	rgbgreennow_b=rgbgreennow_b-((rgbgreenfrom_b-rgbgreento_b)/speed)
	rgbbluenow_b=rgbbluenow_b-((rgbbluefrom_b-rgbblueto_b)/speed)

	if (rgbrednow>255) {rgbrednow=255}
	if (rgbrednow<0) {rgbrednow=0}
	if (rgbgreennow>255) {rgbgreennow=255}
	if (rgbgreennow<0) {rgbgreennow=0}
	if (rgbbluenow>255) {rgbbluenow=255}
	if (rgbbluenow<0) {rgbbluenow=0}

	if (rgbrednow_b>255) {rgbrednow_b=255}
	if (rgbrednow_b<0) {rgbrednow_b=0}
	if (rgbgreennow_b>255) {rgbgreennow_b=255}
	if (rgbgreennow_b<0) {rgbgreennow_b=0}
	if (rgbbluenow_b>255) {rgbbluenow_b=255}
	if (rgbbluenow_b<0) {rgbbluenow_b=0}

	if (i_step<=speed) {
      	redcol_1 = hexc[Math.floor(rgbrednow/16)];
     	redcol_2 = hexc[Math.floor(rgbrednow)%16];
	 	greencol_1 = hexc[Math.floor(rgbgreennow/16)];
      	greencol_2 = hexc[Math.floor(rgbgreennow)%16];
	  	bluecol_1 = hexc[Math.floor(rgbbluenow/16)];
      	bluecol_2 = hexc[Math.floor(rgbbluenow)%16];

		redcol_1_b = hexc[Math.floor(rgbrednow_b/16)];
     	redcol_2_b = hexc[Math.floor(rgbrednow_b)%16];
	 	greencol_1_b = hexc[Math.floor(rgbgreennow_b/16)];
      	greencol_2_b = hexc[Math.floor(rgbgreennow_b)%16];
	  	bluecol_1_b = hexc[Math.floor(rgbbluenow_b/16)];
      	bluecol_2_b = hexc[Math.floor(rgbbluenow_b)%16];
	  	var backcolor="#"+redcol_1+redcol_2+greencol_1+greencol_2+bluecol_1+bluecol_2
		var backcolor_b="#"+redcol_1_b+redcol_2_b+greencol_1_b+greencol_2_b+bluecol_1_b+bluecol_2_b
		if (ie5 && gradient_effect!="none") {
			if (gradient_effect=="horizontal") {var gr_effect=1}
			if (gradient_effect=="vertical") {var gr_effect=0}
	  		document.body.style.filter=
"progid:DXImageTransform.Microsoft.Gradient(startColorstr="+backcolor+", endColorstr="+backcolor_b+", GradientType="+gr_effect+")"
		}
		else if ((ff36==1  || chrome==1) && gradient_effect!="none") {
	  		document.body.style.background="-moz-linear-gradient(left, "+backcolor+","+backcolor_b+")"
			document.body.style.background="-webkit-gradient(linear, left center, right center, from("+backcolor+"),to("+backcolor_b+"))"
		}
		else {
			document.bgColor=backcolor
		}
		i_step++
		var timer=setTimeout("changefromto()",pausesteps);

    }
  	else {
  		clearTimeout(timer)
		i_step=1
		i_loop++
		if (i_loop<i_loopmax) {var timer=setTimeout("translateintorgb()",pausebetweencolors);}
  	}
}


if (browserok) {
	window.onload=translateintorgb
}
</script>

منبع : http://www.fabulant.com

1390/10/22 @ 5:44 PM

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

در این سایت شما می توانید اسلاید شو مورد نظرتان را انلاین بسازید این سایت یک نمونه کامل برای ساخت اسلاید شو همراه با افکت های جالبی است

بعد ساخت اسلاید شو مورد نظرتان میتوانید با رفتن به قسمت get code کد ایجاد شده را در قالب وبلاگ یا سایت خود قرار دهید

نکته : کار با این سایت بسیار سریع و ساده است

لینک وبسایت

بررسی تخصصی کدهای جاوا اسکریپت

حرکت پاپ آپ درون صفحه

حرکت نوشتار درون باکس در صفحه

افکت تیتر یا عنوان مطلب

نوشتن به صورت تایپ در Title Bar

کد بارش نوشته

کد افکت مارپیچ متن جاوا اسکریپت

کد بنر جاوا اسکریپت

جعبه همراه با موس Cursor Scroller

کد تغییر پس زمینه صفحه به صورت متحرک Gradient Background

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

منوی اصلی

لینکهای پیشنهادی من

آرشیو

موضوع بندی

صفحات وبلاگ

لینک دوستان

نوشته های پیشین

لوگو

مجموعه آثار دکتر علی شریع تمام آثار دکتر شریعتی شامل کتاب، فیلم ویدئویی و سخنرانی	پودر سفید کننده دندان قویترین سفید کننده گیاهی در 5 دقیقه رفع زردی،جرم و تقویت مینای دندان
X تبلیغات در بلاگ اسکای