ساعت ساده

کد جاوا زیر را در تگ<body> قرار دهیدبه این صورت<body><body> نمونه

<script>
// CREDITS:
// Micro Clock
// By mohammad
// Copyright (c) 2010mohammad. All rights reserved.
// Permission given to use the script provided that this notice remains as is.
//

// IMPORTANT:
// If you add this script to a script-library or script-archive
// you have to add a highly visible link to
// 
// where this script will be featured

/////////////////////////////////////////////////
// SCRIPT-CONFIGURATION STARTS HERE
/////////////////////////////////////////////////

// set the length for each hand (pixels)
var hand_sec_length=18
var hand_min_length=17
var hand_hour_length=12

// set the color for each hand (hexadecimal values required)
var hand_sec_color="#FF0000"
var hand_min_color="#0000FF"
var hand_hour_color="#000000"

// set the weight for each hand (pixels) 
var hand_sec_weight=1.5
var hand_min_weight=1.5
var hand_hour_weight=1.5

// set the weight of the face's outline (pixels)
var face_outlineweight=2.5

// set width and height for the face (pixels)
var face_width=50
var face_height=50

// set color of the face's outline
var face_outlinecolor="#3300ff"

/////////////////////////////////////////////////
// SCRIPT-CONFIGURATION ENDS HERE
/////////////////////////////////////////////////

// do not edit below this line
var pi= Math.PI
var x_sec=0
var y_sec=0
var x_min=0
var y_min=0
var x_hour=0
var y_hour=0
var angle=270
var x,y

function getxy(thistime,thisradius) {
	angle=6*parseInt(thistime)-90
	x=Math.round((thisradius*Math.cos(angle*(pi/180)))+face_width/2)
	y=Math.round((thisradius*Math.sin(angle*(pi/180)))+face_height/2)
}

else {
			document.write('<div style="position:absolute;left:'+x+'px;top:'+y+'px;background-color:'+face_outlinecolor+';width:'+face_outlineweight+'px;height:'+face_outlineweight+'px;overflow:hidden"></div>')
		}
	}
	for (i=1;i<=hand_sec_length;i++) {
		document.write('<div id="sec'+i+'" style="position:absolute;left:0px;top:0px;background-color:'+hand_sec_color+';width:'+hand_sec_weight+'px;height:'+hand_sec_weight+'px;overflow:hidden"></div>')
	}
	for (i=1;i<=hand_min_length;i++) {
		document.write('<div id="min'+i+'" style="position:absolute;left:0px;top:0px;background-color:'+hand_min_color+';width:'+hand_min_weight+'px;height:'+hand_min_weight+'px;overflow:hidden"></div>')
	}
	for (i=1;i<=hand_hour_length;i++) {
		document.write('<div id="hour'+i+'" style="position:absolute;left:0px;top:0px;background-color:'+hand_hour_color+';width:'+hand_hour_weight+'px;height:'+hand_hour_weight+'px;overflow:hidden"></div>')
	}
document.write('</div>')
window.onload=dorotate

</script>

تاریخ: جمعه 13 خرداد 1390برچسب:کد جاوا,ساعت,ساعت جاوا,,

ارسال توسط محمد

تغییر متن و رنگ بصورت کرکره ای

کد جاوا زیر را در تگ <body>قرار دهید به اینصورت <body>کدجاوا<body> نمونه

<style> .textstyle{ 	/* style attributes for the text */ 	/* ATTENTION: font-color and background-color must be set within the script */ 	font-family:Arial; 	font-size:10pt; 	padding:5px; 	text-decoration:none; 	font-weight:bold; }  .textboxstyle{ 	/* style attributes for the text-box */ 	/* ATTENTION: width and height must be set within the script */ 	overflow:hidden; 	border-style:solid; 	border-width:1px; 	border-color:white; 	 	/* shadow for Firefox */ 	-moz-box-shadow: 5px 5px 8px #AAAAAA;  	/* shadow for Safari and Chrome */ 	-webkit-box-shadow: 5px 5px 8px #AAAAAA;  	/* shadow for Opera */ 	box-shadow: 5px 5px 5px #AAAAAA;  	/* shadow for Internet Explorer */ 	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#AAAAAA'); } </style>    <script>
<!-- Beginning of JavaScript -

// CREDITS:
// Flip-Color-Board with lamellar effect
// by Peter Gehrig 
// Copyright (c) 2011 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 link to http://www.fabulant.com
// where this script will be running.

var message= [

///////////////////////////////////////////////////////////////////////
// START OF CONFIGURATION ZONE 
///////////////////////////////////////////////////////////////////////

// Set your messages and the corresponding links below
// Add as many links as you like
{
text : "متن شماره اول",
linkto : "http://hotshop.loxblog.com"
}, // commra required

{
text : "متن شماره دوم",
linkto : "http://hotshop.loxblog.com"
}, // comma required

{
text : "متن شماره سوم",
linkto : "http://hotshop.loxblog.com"
}, // comma required

{
text : "متن شماره چهارم",
linkto : "http://hotshop.loxblog.com"
} // comma NOT required

]

// target of the message-link. 
// Allowed values are "_top", "_blank", "_parent", "_self" or the name of your frame
var target_url="_blank"
	
// width of scroller (pixels)
var textwidth=400

// height of scroller (pixels)
var textheight=42

// number of lamellas.
var x_slices=20

// two colors (required for the color-flip-effect)
var color1="#FFFF00"
var color2="red"

// pause beween the messages (seconds)
var pause=2

///////////////////////////////////////////////////////////////////////
// END OF CONFIGURATION ZONE 
///////////////////////////////////////////////////////////////////////

// do not edit below this line

var horizontal_pos=0
var vertical_pos=0
var i_loop=0
var i_message=0
var width_slice=Math.ceil(textwidth/x_slices)
var cliptop=0
var clipbottom=textheight
var i_clipright=1
var content=""
var bg_ticker=new Array(color1,color2)
var font_color=new Array(color2,color1)
var i_color=0
pause=pause*1000

function initiate() {
	getcontent()
	for (i=0;i<=x_slices;i++) {
		document.getElementById("s"+i).innerHTML=content
		var thiss=eval("document.getElementById('s"+i+"').style")
		thiss.left=0+"px"
		thiss.top=0+"px"
  	}	
	document.getElementById("whole").style.left=horizontal_pos+"px"
	document.getElementById("whole").style.top=vertical_pos+"px"
	i_message++
	openlamellar()
}

function openlamellar() {
	clipleft=-width_slice
	clipright=0
    if (i_clipright<=width_slice) {
        for (i=0;i<=x_slices;i++) {
            var thiss=eval("document.getElementById('s"+i+"').style")
            thiss.clip ="rect("+cliptop+"px "+clipright+"px "+clipbottom+"px "+clipleft+"px)"
            clipleft+=width_slice
            clipright=clipleft+i_clipright
		}
    i_clipright++
    var timer=setTimeout("openlamellar()",30)
   	}
   	else {
		clearTimeout(timer)
		document.getElementById("whole").innerHTML=content
		var timer=setTimeout("changemessage()",pause)
	}
}

function getcontent() {
    content="<table cellpadding=0 cellspacing=0 width="+textwidth+" height="+textheight+">"
    content+="<tr valign=middle><td bgcolor="+bg_ticker[i_color]+" align='center'>"
    content+="<a href='"+message[i_message].linkto+"' class='textstyle' style='color:"+font_color[i_color]+";' target="+target_url+">"
    content+=message[i_message].text
    content+="</a></td></tr></table>"
}

function changemessage() {
	i_color++
	if (i_color>1) {i_color=0}
	i_clipright=0
	clipleft=0
	clipright=0
	for (i=0;i<=x_slices;i++) {
        var thiss=eval("document.getElementById('s"+i+"').style")
    	thiss.clip ="rect("+cliptop+"px "+clipright+"px "+clipbottom+"px "+clipleft+"px)"
	}
	if (i_message>message.length-1) {i_message=0}
	getcontent()

for (i=0;i<=x_slices;i++) {
        document.getElementById("s"+i).innerHTML=content   
    }
	i_message++
	openlamellar()
}

document.write("<div class='textboxstyle' style='position:relative;width:"+textwidth+"px;height:"+textheight+"px;'>")
document.write("<span id='whole' style='position:absolute;'></span>")
for (i=0;i<=x_slices;i++) {
 	document.write("<span id='s"+i+"' style='position:absolute;'></span>")
}
document.write("</div>")

window.onload=initiate

// - End of JavaScript - -->
</script>

تغییرات::

بعد در قسمت کد متن ها را پیدا کنید و متن مورد نظر خود را وارد کرده

و در قسمت زیر متن لینک صفحه خود را قرار دهید

تاریخ: جمعه 13 خرداد 1390برچسب:کدجاوا,متن,کرکره ای, رنگ متن,

ارسال توسط محمد

تغییر متن و رنگ

کافیست کد زیر را در محل مورد نیاز کپی کنید نمونه

<style> a.textcontentstyle{ 	/* Set the font-style of the text */ 	/* ATTENTION: background-color must be set within the script below */ 	font-family:Arial; 	font-size:10pt; 	color: #000000; 	padding:5px; 	text-decoration:none; 	font-weight:bold; 	color:#000000; }  .textalignstyle{ 	/* Set the alignement of the text */ 	text-align:center; 	/* Set the horizontal text-alignement (center or left or right) */ 	vertical-align:middle; 	/* Set the vertical text-alignement (middle or top or bottom) */ }  .textboxstyle{ 	/* Set the attributes for the text-box */ 	/* ATTENTION: width and height must be set within the script below */ 	border-style:solid; 	border-width:1px; 	border-color:white;  	/* shadow and rounded corners for Firefox */ 	-moz-box-shadow: 5px 5px 8px #818181; 	-moz-border-radius-topleft: 25px; 	-moz-border-radius-bottomright: 25px;  	/* shadow and rounded corners for Safari and Chrome */ 	-webkit-box-shadow: 5px 5px 8px #818181; 	-webkit-border-top-left-radius: 25px; 	-webkit-border-bottom-right-radius: 25px;  	/* shadow and rounded corners for Opera */ 	box-shadow: 5px 5px 5px #818181; 	border-top-left-radius: 25px; 	border-bottom-right-radius: 25px; } </style>   <script>
// CREDITS:
// message-board with a smooth gradient color effect
// By Peter Gehrig
// Copyright (c) 2011 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

var message= [

///////////////////////////////////////////////////////////////////////
// START OF CONFIGURATION ZONE 
///////////////////////////////////////////////////////////////////////

// Set your messages and the corresponding links below
// Add as many messages and links as you like
{
text : "متن شماره یک",
linkto : "http://hotshop.loxblog.com"
}, // commra required

{
text : "متن شماره دوم",
linkto : "http://hotshop.loxblog.com"
}, // comma required

{
text : "متن شماره سوم",
linkto : "http://hotshop.loxblog.com"
}, // comma required

{
text : "متن شماره چهارم",
linkto : "http://hotshop.loxblog.com"
} // comma NOT required

]

// Set the width of the textbox (pixels)
var textboxwidth=400

//Set the height of the textbox (pixels)
var textboxheight=40

// Select the background-colors below
// IMPORTANT 1: The script requires three colors at least
// IMPORTANT 2: The last two colors must be the same as the font-color
// IMPORTANT 3: The script requires hexadecimal-values! For instance: enter "#FFFFFF" instead of "white"
var colors=new Array("#FFFFFF","#FFFF00","#FF0000","#000000","#000000")

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

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

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

// do not edit code below this line
var i_loopmax=1000
var pausesteps=30
var gradient_effect="horizontal"
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

var i_message=0

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() {

document.write("<div id='textbox' class='textboxstyle' style='position:relative;width:"+textboxwidth+"px;height:"+textboxheight+"px;'>")
document.write("<div style='position:absolute;left:0px;top:0px;width:"+textboxwidth+"px;height:"+textboxheight+"px;'><table width="+textboxwidth+" height="+textboxheight+"><tr><td id='textalign' class='textalignstyle'><a href='"+message[0].linkto+"' id='textcontent' class='textcontentstyle'>"+message[0].text+"</a> </td></tr></table></div>")
document.write("</div>")

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

تغییرات:

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

تاریخ: پنج شنبه 12 خرداد 1390برچسب:کد جاوا,تغییر رنگ, رنگ متن, ,

ارسال توسط محمد

آخرین مطالب

ساعت ساده

تغییر متن و رنگ بصورت کرکره ای

تغییر متن و رنگ