مكتبة أكواد javascript,Html

مكتبة أكواد javascript,Html مكتبة أكواد javascript,Html مكتبة أكواد javascript,Html مكتبة أكواد javascript,Html

بسم الله الرحمن الرحيم

والصلاة والسلام على أشرف المرسلين

سيدنا محمد وعلى آله وصحبه أجمعين

هذه مجموعة هامة من أكواد الجافاسكريبت و html لمصممى المواقع والمدونات
ويمكن أيضا إضافتها لصفحات الفيس بوك

javascript,Html

أولاً :أكواد النصوص
كود النص العريض

اكتب النص هنا

كود تحديد اتجاه النص

اكتب هنا النص الذي سيظهر من اليمين إلى اليسار

كود التحكم فى حجم الخط ولونه ونوعه

اكتب هنا ما تريد

أكواد الألوان موجودة هـــــــــنـــــاااااااااا

كود نص يتحرك لأعلى

اكتب هنا النص الذي سيتحرك للأعلى الفقرة 1

اكتب هنا النص الذي سيتحرك للأعلى الفقرة 2

مدونة كن داعيا للخير 3

اكتب هنا النص الذي سيتحرك للأعلى الفقرة 4

......

كود نص يتمدد وينكمش

var sizes = new Array("0px", "1px", "2px", "3px", "4px");
sizes.pos = 0;
function elast() {
var el = document.all.elastic;
if (null == el.direction)
el.direction = 1;
else if ((sizes.pos > sizes.length - 4) || (0 == sizes.pos))
el.direction *= -1;
el.style.letterSpacing = sizes[sizes.pos += el.direction];
}
setInterval('elast()', 100)

مدونة كن داعيا للخير

كود نص متأرجح يميناً ويسارا

مدونة كن داعيا للخير

كود إظهار نصوص بها روابط بالتناوب

var tickercontents=new Array()
tickercontents[0]='مدونة كن داعيا للخير [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]'
tickercontents[1]='اكتب هنا نص عادي رقم 1 دون روابط [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]'
tickercontents[2]='اكتب هنا نص عادي رقم 2 دون روابط [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]'
tickercontents[3]='اكتب هنا نص عادي رقم 0 دون روابط [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]'
var tickdelay=3000 //delay btw messages
var highlightspeed=10 //10 pixels at a time.

////Do not edit pass this line////////////////

var currentmessage=0
var clipwidth=0

function changetickercontent(){
crosstick.style.clip="rect(0px 0px auto 0px)"
crosstick.innerHTML=tickercontents[currentmessage]
highlightmsg()
}

function highlightmsg(){
var msgwidth=crosstick.offsetWidth
if (clipwidthclipwidth+=highlightspeed
crosstick.style.clip="rect(0px "+clipwidth+"px auto 0px)"
beginclip=setTimeout("highlightmsg()",20)
}
else{
clipwidth=0
clearTimeout(beginclip)
if (currentmessage==tickercontents.length-1) currentmessage=0
else currentmessage++
setTimeout("changetickercontent()",tickdelay)
}
}

function start_ticking(){
crosstick=document.getElementById? document.getElementById("highlighter") : document.all.highlighter
crosstickParent=crosstick.parentNode? crosstick.parentNode : crosstick.parentElement
if (parseInt(crosstick.offsetHeight)>0)
crosstickParent.style.height=crosstick.offsetHeight+'px'
else
setTimeout("crosstickParent.style.height=crosstick.offsetHeight+'px'",100) //delay for Mozilla's sake
changetickercontent()
}

if (document.all || document.getElementById)
window.onload=start_ticking

كود نص متحرك

مدونة كن داعيا للخير

كود شريط متحرك مع روابط

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] ------

كود نص يضئ بالتدريج

var message="مدونة كن داعيا للخير"
var neonbasecolor="gray"
var neontextcolor="yellow"
var flashspeed=100 //in milliseconds

///No need to edit below this line/////

var n=0
if (document.all||document.getElementById){
document.write('')
for (m=0;mdocument.write(''+message.charAt(m)+'')
document.write('')
}
else
document.write(message)

function crossref(number){
var crossobj=document.all? eval("document.all.neonlight"+number) : document.getElementById("neonlight"+number)
return crossobj
}

function neon(){

//Change all letters to base color
if (n==0){
for (m=0;m//eval("document.all.neonlight"+m).style.color=neonbasecolor
crossref(m).style.color=neonbasecolor
}

//cycle through and change individual letters to neon color
crossref(n).style.color=neontextcolor

if (nn++
else{
n=0
clearInterval(flashing)
setTimeout("beginneon()",1500)
return
}
}

function beginneon(){
if (document.all||document.getElementById)
flashing=setInterval("neon()",flashspeed)
}
beginneon()

كود نص يضئ بألوان مختلفة

// ********** عدل هنا

var text="مدونة كن داعيا للخير"
var speed=80 // سرعه تغير الالوان

// ********** لا تعدل شي هنا

if (document.all||document.getElementById){
document.write('' + text + '')
var storetext=document.getElementById? document.getElementById("highlight") : document.all.highlight
}
else
document.write(text)
var hex=new Array("00","14","28","3C","50","64","78","8C","A0","B4","C8","DC","F0")
var r=1
var g=1
var b=1
var seq=1
function changetext(){
rainbow="#"+hex[r]+hex[g]+hex[b]
storetext.style.color=rainbow
}
function change(){
if (seq==6){
b--
if (b==0)
seq=1
}
if (seq==5){
r++
if (r==12)
seq=6
}
if (seq==4){
g--
if (g==0)
seq=5
}
if (seq==3){
b++
if (b==12)
seq=4
}
if (seq==2){
r--
if (r==0)
seq=3
}
if (seq==1){
g++
if (g==12)
seq=2
}
changetext()
}
function starteffect(){
if (document.all||document.getElementById)
flash=setInterval("change()",speed)
}
starteffect()

ثانياً : أكواد الصور

كود إضافة صورة

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

كود صورة مع رابط

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

كود تغيير الصور تلقائيا

/*Example message arrays for the two demo scrollers*/

var pausecontent=new Array()
pausecontent[0]='[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]'
pausecontent[1]='[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]'
pausecontent[2]='[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]'
pausecontent[3]='[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]'

/***********************************************
* Pausing up-down scroller- © Dynamic Drive ([ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
***********************************************/

function pausescroller(content, divId, divClass, delay){
this.content=content //message array content
this.tickerid=divId //ID of ticker div to display information
this.delay=delay //Delay between msg change, in miliseconds.
this.mouseoverBol=0 //Boolean to indicate whether mouse is currently over scroller (and pause it if it is)
this.hiddendivpointer=1 //index of message array for hidden div
document.write('
'+content[0]+'
'+content[1]+'
')
var scrollerinstance=this
if (window.addEventListener) //run onload in DOM2 browsers
window.addEventListener("load", function(){scrollerinstance.initialize()}, false)
else if (window.attachEvent) //run onload in IE5.5+
window.attachEvent("onload", function(){scrollerinstance.initialize()})
else if (document.getElementById) //if legacy DOM browsers, just start scroller after 0.5 sec
setTimeout(function(){scrollerinstance.initialize()}, 500)
}

// -------------------------------------------------------------------
// initialize()- Initialize scroller method.
// -Get div objects, set initial positions, start up down animation
// -------------------------------------------------------------------

pausescroller.prototype.initialize=function(){
this.tickerdiv=document.getElementById(this.tickerid)
this.visiblediv=document.getElementById(this.tickerid+"1")
this.hiddendiv=document.getElementById(this.tickerid+"2")
this.visibledivtop=parseInt(pausescroller.getCSSpadding(this.tickerdiv))
//set width of inner DIVs to outer DIV's width minus padding (padding assumed to be top padding x 2)
this.visiblediv.style.width=this.hiddendiv.style.width=this.tickerdiv.offsetWidth-(this.visibledivtop*2)+"px"
this.getinline(this.visiblediv, this.hiddendiv)
this.hiddendiv.style.visibility="visible"
var scrollerinstance=this
document.getElementById(this.tickerid).onmouseover=function(){scrollerinstance.mouseoverBol=1}
document.getElementById(this.tickerid).onmouseout=function(){scrollerinstance.mouseoverBol=0}
if (window.attachEvent) //Clean up loose references in IE
window.attachEvent("onunload", function(){scrollerinstance.tickerdiv.onmouseover=scrollerinstance.tickerdiv.onmouseout=null})
setTimeout(function(){scrollerinstance.animateup()}, this.delay)
}

// -------------------------------------------------------------------
// animateup()- Move the two inner divs of the scroller up and in sync
// -------------------------------------------------------------------

pausescroller.prototype.animateup=function(){
var scrollerinstance=this
if (parseInt(this.hiddendiv.style.top)>(this.visibledivtop+5)){
this.visiblediv.style.top=parseInt(this.visiblediv.style.top)-5+"px"
this.hiddendiv.style.top=parseInt(this.hiddendiv.style.top)-5+"px"
setTimeout(function(){scrollerinstance.animateup()}, 50)
}
else{
this.getinline(this.hiddendiv, this.visiblediv)
this.swapdivs()
setTimeout(function(){scrollerinstance.setmessage()}, this.delay)
}
}

// -------------------------------------------------------------------
// swapdivs()- Swap between which is the visible and which is the hidden div
// -------------------------------------------------------------------

pausescroller.prototype.swapdivs=function(){
var tempcontainer=this.visiblediv
this.visiblediv=this.hiddendiv
this.hiddendiv=tempcontainer
}

pausescroller.prototype.getinline=function(div1, div2){
div1.style.top=this.visibledivtop+"px"
div2.style.top=Math.max(div1.parentNode.offsetHeight, div1.offsetHeight)+"px"
}

// -------------------------------------------------------------------
// setmessage()- Populate the hidden div with the next message before it's visible
// -------------------------------------------------------------------

pausescroller.prototype.setmessage=function(){
var scrollerinstance=this
if (this.mouseoverBol==1) //if mouse is currently over scoller, do nothing (pause it)
setTimeout(function(){scrollerinstance.setmessage()}, 100)
else{
var i=this.hiddendivpointer
var ceiling=this.content.length
this.hiddendivpointer=(i+1>ceiling-1)? 0 : i+1
this.hiddendiv.innerHTML=this.content[this.hiddendivpointer]
this.animateup()
}
}

pausescroller.getCSSpadding=function(tickerobj){ //get CSS padding value, if any
if (tickerobj.currentStyle)
return tickerobj.currentStyle["paddingTop"]
else if (window.getComputedStyle) //if DOM2
return window.getComputedStyle(tickerobj, "").getPropertyValue("padding-top")
else
return 0
}

//new pausescroller(name_of_message_array, CSS_ID, CSS_classname, pause_in_miliseconds)

new pausescroller(pausecontent, "pscroller1", "someclass", 3000)
document.write("
")

كود صور متحركة

src="رابط الصورة المتحركة"
onload="NcodeImageResizer.createOn(this);" border="0"
originalWidth="250" originalHeight="270">

كود شريط الصور المتحرك مع روابط

يمكن التحكم فى طول وعرض الصور بتغيير قيمها يدويا وتغيير إتجاه الشريط بتغيير كلمة up بالكود إلى down أو right أو lift

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] />

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

" width="115" src="

ثالثاً : أكواد الروابط

كود إضافة رابط

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

فتح الرابط في نافذة جديدة

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

فتح الرابط في نفس النافذة

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

لون الرابط

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

رابعا:أكواد إسلامية

كود القرآن الكريم ويمكن معاينة المصحف من هنــا

شريط الحديث والدعاء

align="center"
src="http://www.wathakker.net/outdoor-strip-marquee.html"
frameborder="0" allowtransparency="1" scrolling="no" width="474"
height="41" vspace="0">

خامسا:أكواد إخبارية
أخبار BBC

شريط قناة الجزيرة

شريط العربية نت

سادسا:سكربتات متنوعة

كود وضع الفلاش
(يمكن التحكم فى الطول والعرض بتغيير قيم width,height)

كود إضافة صفحة موقع داخل صفحة موقعك

المصدر [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

‗۩‗°¨_‗ـ المصدر:#منتدي_المركز_الدولى ـ‗_¨°‗۩‗

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

» قائمة مواضيع أكواد ال HTML
» قائمة مواضيع أكواد ال HTML
» برنامج Bash HTML من أفضل محررات الـ HTML للمحترفين والهواة على حد سواء
» قائمة مواضيع أكواد ال HTML
» أكواد جاهزة لعمل مواقع Html