The New Matrix in HTML | creat your self --classifieds

مواضيع مفضلة

الخميس، 14 نوفمبر 2019

The New Matrix in HTML | creat your self --classifieds

Matrix in html

 Create Your Self


First open Notepad

Paste this code in:

<script type="text/javascript">
// ------------------------------------------------------------------------------------
// Revision Matrix by zain.net
// ------------------------------------------------------------------------------------
var theinHTML;
var thelessstr;
var ascSt=22;
var ascEnd=126;
var numoflines = 28;
var lines = new Array();
var intervalID = new Array();
var subIntervalID = new Array();
var subIntervalID2 = new Array();
var scH = screen.height-220;
var scW = screen.width-50;
window.onload = createlines;
// -------------------------------------------------------------------------------------
//
var hD="0123456789ABCDEF";
function d2h(d)
{
var h = hD.substr(d&15,1);
while(d > 15)
{
d >>= 4;
h = hD.substr(d&15,1)+h;
}
return h;
}
// -------------------------------------------------------------------------------------
// Coded by zain.net
function line(length, maxlength, chars, speed, x)
{
this.length = length;
this.maxlength = maxlength;
this.chars = chars;
this.speed = speed;
this.x = x;
}
// -------------------------------------------------------------------------------------
// Coded by zain.net
function createlines()
{
// Coded by zain.net
for(var eachline = 0; eachline < numoflines; eachline++)
{
lines[eachline] = new line(0, Math.round(Math.random()*15+5), String.fromCharCode(Math.round(Math.random()*(ascEnd-ascSt)+ascSt)), Math.round(Math.random()*400+100), eachline*61);
}
// write the lines
for(var writelines = 0; writelines < numoflines; writelines++)
{
var newline = document.createElement("div");
newline.id = "char" + writelines;
newline.style.position = "absolute";
newline.style.top = "5px";
newline.style.left = lines[writelines].x + "px";
var firstchar = document.createElement("div");
var newcolor = d2h(Math.round(1/(lines[writelines].maxlength+1)*255));
if(newcolor.length == 1)
newcolor = "0" + newcolor;
firstchar.style.color = "#00"+newcolor+"00"
firstchar.innerHTML = lines[writelines].chars
newline.appendChild(firstchar);
document.body.appendChild(newline);
}
start();
}
// -------------------------------------------------------------------------------------
// Coded by zain.net
function start()
{
for(var pickastring = 0; pickastring < numoflines; pickastring++)
{
intervalID[pickastring] = setInterval("addchars("+pickastring+")", lines[pickastring].speed);
}
}
// -------------------------------------------------------------------------------------
// Coded by zain.net
function addchars(theline)
{
if(lines[theline].length >= lines[theline].maxlength)
{
clearInterval(intervalID[theline]);
subIntervalID[theline] = setInterval("movethestring("+theline+")", lines[theline].speed);
}
else
{
// Coded by zain.net
myRandomChar = String.fromCharCode(Math.round(Math.random()*(ascEnd-ascSt)+ascSt));
while(myRandomChar == "'" || myRandomChar == '"' || myRandomChar == "\\")
myRandomChar = String.fromCharCode(Math.round(Math.random()*(ascEnd-ascSt)+ascSt));
// Coded by zain.net
var newchar = document.createElement("div");
newchar.innerHTML = myRandomChar;
document.getElementById("char"+theline).appendChild(newchar);
// Coded by zain.net
var i;
for(i = 0; i <= lines[theline].length; i++)
{
var newcolor = d2h(Math.round((i+1)/(lines[theline].maxlength+1)*255));
newcolor = "" + newcolor;
if(newcolor.length == 1)
newcolor = "0" + newcolor;
document.getElementById("char"+theline).childNodes[i].style.color = "#00" + newcolor + "00";
document.getElementById("char"+theline).childNodes[i].style.fontWeight = "normal";
}
document.getElementById("char"+theline).childNodes[i].style.color = "#99FF99";
document.getElementById("char"+theline).childNodes[i].style.fontWeight = "bold";
// Coded by zain.net
lines[theline].length++;
}
}
// -------------------------------------------------------------------------------------
// Coded by zain.net
function movethestring(theline)
{
var topstringnum = document.getElementById("char"+theline).offsetTop;
if((topstringnum + (lines[theline].maxlength * 15)) >= scH)
{
clearInterval(subIntervalID[theline]);
subIntervalID2[theline] = setInterval("clearletters("+theline+")", lines[theline].speed);
}
else
{
// Coded by zain.net
myRandomChar = String.fromCharCode(Math.round(Math.random()*(ascEnd-ascSt)+ascSt));
while(myRandomChar=="'" || myRandomChar=='"' || myRandomChar=="\\")
myRandomChar = String.fromCharCode(Math.round(Math.random()*(ascEnd-ascSt)+ascSt));
var newchar = document.createElement("div");
newchar.innerHTML = myRandomChar;
document.getElementById("char"+theline).appendChild(newchar);
// Coded by zain.net
document.getElementById("char"+theline).removeChild(document.getElementById("char"+theline).childNodes[0]);
// Coded by zain.net
var i;
for(i = 0; i < lines[theline].length; i++)
{
var newcolor = d2h(Math.round((i+1)/(lines[theline].maxlength+1)*255));
newcolor = "" + newcolor;
if(newcolor.length == 1)
newcolor = "0" + newcolor;
document.getElementById("char"+theline).childNodes[i].style.color = "#00" + newcolor + "00";
document.getElementById("char"+theline).childNodes[i].style.fontWeight = "normal";
}
document.getElementById("char"+theline).childNodes[i].style.color = "#99FF99";
document.getElementById("char"+theline).childNodes[i].style.fontWeight = "bold";
// move
document.getElementById("char"+theline).style.top = (topstringnum+15) + "px";
}
}
// -------------------------------------------------------------------------------------
// Coded by zain.net
function clearletters(theline)
{
if(lines[theline].length <= -1)
{
clearInterval(subIntervalID2[theline]);
document.getElementById("char"+theline).style.top = 0;
intervalID[theline] = setInterval("addchars("+theline+")", lines[theline].speed);
}
else
{
// Coded by zain.net
document.getElementById("char"+theline).removeChild(document.getElementById("char"+theline).childNodes[document.getElementById("char"+theline).childNodes.length-1]);
// Coded by zain.net
var topstringnum = document.getElementById("char"+theline).offsetTop;
document.getElementById("char"+theline).style.top = topstringnum+15 + "px";
// Coded by zain.net
lines[theline].length--;
}
}
</script>


<style type="text/css">
body {
font: normal normal normal 10px/15px symbol,Rockwell;
color:#FFFFFF;
background-color:black;
margin:0;
padding:0;
}
body div {
text-align: center;
}
</style>

</body>

</html>

Save as Matrix.html
Now open it see and enjoy   !!!!!!!!!

  • روابط التحميل والمشاهدة، الروابط المباشرة للتحميل من هنا
---------------------------------------------------------------
شاهد هذا الفيديو القصير لطريقة التحميل البسيطة من هنا
كيف تحصل على مدونة جاهزة بآلاف المواضيع والمشاركات من هنا شاهد قناة منتدى مدونات بلوجر جاهزة بألاف المواضيع والمشاركات على اليوتيوب لمزيد من الشرح من هنا رابط مدونة منتدى مدونات بلوجر جاهزة بآلاف المواضيع والمشاركات في أي وقت حــــتى لو تم حذفها من هنا شاهد صفحة منتدى مدونات بلوجر جاهزة بألاف المواضيع والمشاركات على الفيس بوك لمزيد من الشرح من هنا تعرف على ترتيب مواضيع منتدى مدونات بلوجر جاهزة بآلاف المواضيع والمشاركات (حتى لا تختلط عليك الامور) من هنا
ملاحظة هامة: كل عمليات تنزيل، رفع، وتعديل المواضيع الجاهزة تتم بطريقة آلية، ونعتذر عن اي موضوع مخالف او مخل بالحياء مرفوع بالمدونات الجاهزة بآلاف المواضيع والمشاركات، ولكم ان تقوموا بحذف هذه المواضيع والمشاركات والطريقة بسيطة وسهلة. ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــسلامـ.

إرسال تعليق

المشاركة على واتساب متوفرة فقط في الهواتف