السبت أكتوبر 03, 2015 5:59 pm | المشاركة رقم: |
إحصائية العضو | عدد المساهمات : 67 | نقاط : 201 | تاريخ التسجيل : 14/08/2015 | العمر : 47 |
| | موضوع: هذه مجموعة هامة من أكواد الجافاسكريبت و HTML لمصممى المواقع والمدونات هذه مجموعة هامة من أكواد الجافاسكريبت و HTML لمصممى المواقع والمدونات بسم الله الرحمن الرحيموالصلاة والسلام على أشرف المرسلينسيدنا محمد وعلى آله وصحبه أجمعينأولاً :أكواد النصوص كود النص العريض
اكتب النص هنا
كود تحديد اتجاه النص
اكتب هنا النص الذي سيظهر من اليمين إلى اليسار
كود التحكم فى حجم الخط ولونه ونوعه
اكتب هنا ما تريد أكواد الألوان موجودة هـــــــــنـــــاااااااااا
كود نص يتحرك لأعلى
كود نص يتمدد وينكمش
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]='مدونة كن داعيا للخير text' tickercontents[1]='اكتب هنا نص عادي رقم 1 دون روابط text' tickercontents[2]='اكتب هنا نص عادي رقم 2 دون روابط text' tickercontents[3]='اكتب هنا نص عادي رقم 0 دون روابط text' 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 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 (www.dynamicdrive.com) ***********************************************/
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
ثالثاً : أكواد الروابط
كود إضافة رابط
فتح الرابط في نافذة جديدة
فتح الرابط في نفس النافذة
لون الرابط
Nom du site
رابعا:أكواد إسلامية
كود القرآن الكريم ويمكن معاينة المصحف من هنــا
شريط الحديث والدعاء
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)
كود إضافة صفحة موقع داخل صفحة موقعك
سكربت طباعة الصفحة
سكريبت آلة حاسبة
function compute(obj) {obj.expr.value = eval(obj.expr.value)} var one = '1' var two = '2' var three = '3' var four = '4' var five = '5' var six = '6' var seven = '7' var eight = '8' var nine = '9' var zero = '0' var plus = '+' var minus = '-' var multiply = '*' var divide = '/' var decimal = '.' function enter(obj, string) {obj.expr.value += string} function clear(obj) {obj.expr.value = ''} الألة الحاسبة الإلكترونية color="#0000FF">
المصدر: منتديات رشيد سلاوي
توقيع : حامل المسك محمد حموده |
|
| | |
الــرد الســـريـع | | |
| خدمات الموضوع | | إذا وجدت وصلات لاتعمل في الموضوع او أن الموضوع [ هذه مجموعة هامة من أكواد الجافاسكريبت و HTML لمصممى المواقع والمدونات ] مخالف ,, من فضلك راسل الإدارة من هنا|
|
تعليمات المشاركة | صلاحيات هذا المنتدى: لاتستطيع الرد على المواضيع في هذا المنتدى
كود HTML معطلة
|
| |
| |