قوس قزح بمرور الماوس Rainbow - خدمات ويب و Blogger

البحث بالمدونه

الجمعة

قوس قزح بمرور الماوس Rainbow

قوز قزح يتحرك بمرور الماوس
 البحث عن
 </body>

 فوقه اضف الكود

 
 <script type='text/javascript'>
 //<![CDATA[
 function doRainbow(e){0==act&&(act=1,objActive=e?e:event.srcElement,clrOrg=objActive.style.color,TimerID=setInterval("ChangeColor()",100))}function stopRainbow(){act&&(objActive.style.color=clrOrg,clearInterval(TimerID),act=0)}function doRainbowAnchor(){if(0==act){for(var e=event.srcElement;"A"!=e.tagName&&"BODY"!=e.tagName&&(e=e.parentElement,"A"!=e.tagName&&"BODY"!=e.tagName););"A"==e.tagName&&""!=e.href&&(objActive=e,act=1,clrOrg=objActive.style.color,TimerID=setInterval("ChangeColor()",100))}}function stopRainbowAnchor(){act&&"A"==objActive.tagName&&(objActive.style.color=clrOrg,clearInterval(TimerID),act=0)}function Mozilla_doRainbowAnchor(e){if(0==act){for(obj=e.target;"A"!=obj.nodeName&&"BODY"!=obj.nodeName&&(obj=obj.parentNode,"A"!=obj.nodeName&&"BODY"!=obj.nodeName););"A"==obj.nodeName&&""!=obj.href&&(objActive=obj,act=1,clrOrg=obj.style.color,TimerID=setInterval("ChangeColor()",100))}}function Mozilla_stopRainbowAnchor(){act&&"A"==objActive.nodeName&&(objActive.style.color=clrOrg,clearInterval(TimerID),act=0)}function ChangeColor(){objActive.style.color=makeColor()}function makeColor(){return 0==elmS?(elmR=elmV,elmG=elmV,elmB=elmV):(t1=elmV,t2=(255-elmS)*elmV/255,t3=elmH%60,t3=(t1-t2)*t3/60,60>elmH?(elmR=t1,elmB=t2,elmG=t2+t3):120>elmH?(elmG=t1,elmB=t2,elmR=t1-t3):180>elmH?(elmG=t1,elmR=t2,elmB=t2+t3):240>elmH?(elmB=t1,elmR=t2,elmG=t1-t3):300>elmH?(elmB=t1,elmG=t2,elmR=t2+t3):360>elmH?(elmR=t1,elmG=t2,elmB=t1-t3):(elmR=0,elmG=0,elmB=0)),elmR=Math.floor(elmR).toString(16),elmG=Math.floor(elmG).toString(16),elmB=Math.floor(elmB).toString(16),1==elmR.length&&(elmR="0"+elmR),1==elmG.length&&(elmG="0"+elmG),1==elmB.length&&(elmB="0"+elmB),elmH+=rate,elmH>=360&&(elmH=0),"#"+elmR+elmG+elmB}var rate=20;document.getElementById&&(window.onerror=new Function("return true"));var objActive,act=0,elmH=0,elmS=128,elmV=255,clrOrg,TimerID;document.all?(document.onmouseover=doRainbowAnchor,document.onmouseout=stopRainbowAnchor):document.getElementById&&(document.captureEvents(Event.MOUSEOVER|Event.MOUSEOUT),document.onmouseover=Mozilla_doRainbowAnchor,document.onmouseout=Mozilla_stopRainbowAnchor);
 //]]>
 </script>
البحث عن وهو التطبيق الثاني
<head>
تحته مباشر
<script type='text/javascript'>
 //<![CDATA[
 var rate = 20;
 if (document.getElementById)
 window.onerror=new Function("return true")
 var objActive; // The object which event occured in
 var act = 0; // Flag during the action
 var elmH = 0; // Hue
 var elmS = 128; // Saturation
 var elmV = 255; // Value
 var clrOrg; // A color before the change
 var TimerID; // Timer ID
 if (document.all) {
 document.onmouseover = doRainbowAnchor;
 document.onmouseout = stopRainbowAnchor;
 }
 else if (document.getElementById) {
 document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT);
 document.onmouseover = Mozilla_doRainbowAnchor;
 document.onmouseout = Mozilla_stopRainbowAnchor;
 }
 function doRainbow(obj)
 {
 if (act == 0) {
 act = 1;
 if (obj)
 objActive = obj;
 else
 objActive = event.srcElement;
 clrOrg = objActive.style.color;
 TimerID = setInterval("ChangeColor()",100);
 }
 }
 function stopRainbow()
 {
 if (act) {
 objActive.style.color = clrOrg;
 clearInterval(TimerID);
 act = 0;
 }
 }
 function doRainbowAnchor()
 {
 if (act == 0) {
 var obj = event.srcElement;
 while (obj.tagName != 'A' && obj.tagName != 'BODY') {
 obj = obj.parentElement;
 if (obj.tagName == 'A' || obj.tagName == 'BODY')
 break;
 }
 if (obj.tagName == 'A' && obj.href != '') {
 objActive = obj;
 act = 1;
 clrOrg = objActive.style.color;
 TimerID = setInterval("ChangeColor()",100);
 }
 }
 }
 function stopRainbowAnchor()
 {
 if (act) {
 if (objActive.tagName == 'A') {
 objActive.style.color = clrOrg;
 clearInterval(TimerID);
 act = 0;
 }
 }
 }
 function Mozilla_doRainbowAnchor(e)
 {
 if (act == 0) {
 obj = e.target;
 while (obj.nodeName != 'A' && obj.nodeName != 'BODY') {
 obj = obj.parentNode;
 if (obj.nodeName == 'A' || obj.nodeName == 'BODY')
 break;
 }
 if (obj.nodeName == 'A' && obj.href != '') {
 objActive = obj;
 act = 1;
 clrOrg = obj.style.color;
 TimerID = setInterval("ChangeColor()",100);
}
 }
 }
 function Mozilla_stopRainbowAnchor(e)
 {
 if (act) {
 if (objActive.nodeName == 'A') {
 objActive.style.color = clrOrg;
 clearInterval(TimerID);
 act = 0;
 }
 }
 }
 function ChangeColor()
 {
 objActive.style.color = makeColor();
 }
 function makeColor()
 {
 // Don't you think Color Gamut to look like Rainbow?
 // HSVtoRGB
 if (elmS == 0) {
 elmR = elmV; elmG = elmV; elmB = elmV;
 }
 else {
 t1 = elmV;
 t2 = (255 - elmS) * elmV / 255;
 t3 = elmH % 60;
 t3 = (t1 - t2) * t3 / 60;
 if (elmH < 60) {
 elmR = t1; elmB = t2; elmG = t2 + t3;
 }
 else if (elmH < 120) {
 elmG = t1; elmB = t2; elmR = t1 - t3;
 }
 else if (elmH < 180) {
 elmG = t1; elmR = t2; elmB = t2 + t3;
 }
 else if (elmH < 240) {
 elmB = t1; elmR = t2; elmG = t1 - t3;
 }
 else if (elmH < 300) {
 elmB = t1; elmG = t2; elmR = t2 + t3;
 }
 else if (elmH < 360) {
 elmR = t1; elmG = t2; elmB = t1 - t3;
 }
 else {
 elmR = 0; elmG = 0; elmB = 0;
 }
 }
 elmR = Math.floor(elmR).toString(16);
 elmG = Math.floor(elmG).toString(16);
 elmB = Math.floor(elmB).toString(16);
 if (elmR.length == 1) elmR = "0" + elmR;
 if (elmG.length == 1) elmG = "0" + elmG;
 if (elmB.length == 1) elmB = "0" + elmB;
 elmH = elmH + rate;
 if (elmH >= 360)
 elmH = 0;
 return '#' + elmR + elmG + elmB;
 }
 //]]>
</script>

 ويمكنك وضع بالجافا سكربت : ‏تهيئة HTML/JavaScript
<!-- HaYeF.By alsafrani.blogspot JavaScript -->
<b>
<font size="5">
<script>
var text="الكتابه مثال" //
var speed=80 //
if (document.all||document.getElementById){
document.write('<span id="highlight">' + text + '</span>')
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()
</script>
</font></b>
</font></p>
<!-- HaYeF.By alsafrani.blogspot JavaScript -->
 وسلامتكم

ليست هناك تعليقات:

إرسال تعليق

تعريب وتطوير هايف السـ العجمي ـفراني