Printable View
با سلام
عزیزان من به یه کد نمیدونم جاو ا نیاز دارم که وقتی رو یه لینکی در صفحه وب کلیک میکنم
روی یه قسمت از صفحه رو یا کادر بگیره یا رنگی کنه
واضح تر بگم می خوام با کلیک بر روی اون دکمه یه قسمت از متن صفحه رنگی بشه یا ...
ممنون میشم اگه عزیزان در این رابطه بتونن کمکی بکنن
اجرتون با امام حسین :happy:
این رو تو یه txt کپی کن بعد به پسوند html ذخیره کن و نتیجه رو ببین
<html>
<head>
<SCRIPT language=JavaScript>
var a_Colour="blue";
var b_Colour="white";
var c_Colour="yellow";
var Size=40;
//Alter nothing below !!
var YDummy=new Array(),XDummy=new Array(),xpos=0,ypos=0,ThisStep=0;step=0.03;
if (document.layers){
window.captureEvents(Event.MOUSEMOVE);
function nsMouse(evnt){
xpos = window.pageYOffset+evnt.pageX+6;
ypos = window.pageYOffset+evnt.pageY+16;
}
window.onMouseMove = nsMouse;
}
else if (document.all)
{
function ieMouse(){
xpos = document.body.scrollLeft+event.x+6;
ypos = document.body.scrollTop+event.y+16;
}
document.onmousemove = ieMouse;
}
function swirl(){
for (i = 0; i < 3; i++)
{
YDummy[i]=ypos+Size*Math.cos(ThisStep+i*2)*Math.sin((ThisSt ep)*6);
XDummy[i]=xpos+Size*Math.sin(ThisStep+i*2)*Math.sin((ThisSt ep)*6);
}
ThisStep+=step;
setTimeout('swirl()',10);
}
var amount=10;
if (document.layers){
for (i = 0; i < amount; i++)
{
document.write('<layer name=nsa'+i+' top=0 left=0 width='+i/2+' height='+i/2+' bgcolor='+a_Colour+'></layer>');
document.write('<layer name=nsb'+i+' top=0 left=0 width='+i/2+' height='+i/2+' bgcolor='+b_Colour+'></layer>');
document.write('<layer name=nsc'+i+' top=0 left=0 width='+i/2+' height='+i/2+' bgcolor='+c_Colour+'></layer>');
}
}
else if (document.all){
document.write('<div id="ODiv" style="position:absolute;top:0px;left:0px">'
+'<div id="IDiv" style="position:relative">');
for (i = 0; i < amount; i++)
{
document.write('<div id=x style="position:absolute;top:0px;left:0px;width:'+ i/2+';height:'+i/2+';background:'+a_Colour+';font-size:'+i/2+'"></div>');
document.write('<div id=y style="position:absolute;top:0px;left:0px;width:'+ i/2+';height:'+i/2+';background:'+b_Colour+';font-size:'+i/2+'"></div>');
document.write('<div id=z style="position:absolute;top:0px;left:0px;width:'+ i/2+';height:'+i/2+';background:'+c_Colour+';font-size:'+i/2+'"></div>');
}
document.write('</div></div>');
}
function prepos(){
var ntscp=document.layers;
var msie=document.all;
if (document.layers){
for (i = 0; i < amount; i++)
{
if (i < amount-1)
{
ntscp['nsa'+i].top=ntscp['nsa'+(i+1)].top;ntscp['nsa'+i].left=ntscp['nsa'+(i+1)].left;
ntscp['nsb'+i].top=ntscp['nsb'+(i+1)].top;ntscp['nsb'+i].left=ntscp['nsb'+(i+1)].left;
ntscp['nsc'+i].top=ntscp['nsc'+(i+1)].top;ntscp['nsc'+i].left=ntscp['nsc'+(i+1)].left;
}
else
{
ntscp['nsa'+i].top=YDummy[0];ntscp['nsa'+i].left=XDummy[0];
ntscp['nsb'+i].top=YDummy[1];ntscp['nsb'+i].left=XDummy[1];
ntscp['nsc'+i].top=YDummy[2];ntscp['nsc'+i].left=XDummy[2];
}
}
}
else if (document.all){
for (i = 0; i < amount; i++)
{
if (i < amount-1)
{
msie.x[i].style.top=msie.x[i+1].style.top;msie.x[i].style.left=msie.x[i+1].style.left;
msie.y[i].style.top=msie.y[i+1].style.top;msie.y[i].style.left=msie.y[i+1].style.left;
msie.z[i].style.top=msie.z[i+1].style.top;msie.z[i].style.left=msie.z[i+1].style.left;
}
else
{
msie.x[i].style.top=YDummy[0];msie.x[i].style.left=XDummy[0];
msie.y[i].style.top=YDummy[1];msie.y[i].style.left=XDummy[1];
msie.z[i].style.top=YDummy[2];msie.z[i].style.left=XDummy[2];
}
}
}
setTimeout("prepos()",10);
}
function Start(){
swirl(),prepos()
}
window.onload=Start;
// -->
</SCRIPT>
<script language="JavaScript">
fadeColor = "00FF00"; // رنگ مورد نظرتان را اينجا وارد كنيد
stepIn = 20; // delay when fading in
stepOut = 20; // delay when fading out
/* set to true or false; true will
** cause all links to fade automatically
** (you won't need to add class="fade")
***/
autoFade = true;
/* set to true or false; true will cause all CSS
** classes with "fade" in them to fade onmouseover
***/
sloppyClass = true;
/* set to true or false; true will make the script
** work for Macs (IE 5+), but you will have to give
** a name (name="blah") to each link that you want
** to fade.
***/
macCompat = false;
/**
**** </config>
**************/
/*************
**** <install>
**
Now, once you have customized your fading colors,
you need to include your customized .js file on
every page that you want to use it in. You can
include javascript files using this syntax (in
the head of a document):
Now that you have the file included, you need to
setup your links a small bit. Each link that you
want to fade needs to use the fade class.
Example:
<a href="blah.html" class="fade">click here</a>
Also, the link must be plain text. This means
that you can't have <b>'s, <i>'s, <font>'s, etc.
inside of the link.
Example of what not to do:
<a href="blah.html" class="fade"><b>click</b> here</a>
Have fun!
-Anarchos-
**
**** </install>
**************/
hexa = new makearray(16);
for(var i = 0; i < 10; i++)
hexa[i] = i;
hexa[10]="a"; hexa[11]="b"; hexa[12]="c";
hexa[13]="d"; hexa[14]="e"; hexa[15]="f";
document.onmouseover = domouseover;
document.onmouseout = domouseout;
fadeColor = dehexize(fadeColor.toLowerCase());
var fadeId = new Array();
function dehexize(Color){
var colorArr = new makearray(3);
for (i=1; i<7; i++){
for (j=0; j<16; j++){
if (Color.charAt(i) == hexa[j]){
if (i%2 !=0)
colorArr[Math.floor((i-1)/2)]=eval(j)*16;
else
colorArr[Math.floor((i-1)/2)]+=eval(j);
}
}
}
return colorArr;
}
function domouseover() {
if(document.all){
var srcElement = event.srcElement;
if ((srcElement.tagName == "A" && autoFade && srcElement.className != "nofade") || srcElement.className == "fade" || (sloppyClass && srcElement.className.indexOf("fade") != -1)) {
if (!srcElement.startColor) {
srcElement.startColor = (srcElement.style.color)? srcElement.style.color: srcElement.currentStyle.color;
srcElement.startColor = dehexize(srcElement.startColor.toLowerCase());
}
var link = (macCompat? srcElement.name: srcElement.uniqueID);
if (link) fade(srcElement.startColor,fadeColor,link,stepIn);
else if (macCompat) alert("Error: Mac Compatility mode enabled, but link has no name.");
}
}
}
function domouseout() {
if (document.all){
var srcElement = event.srcElement;
if ((srcElement.tagName == "A" && autoFade && srcElement.className != "nofade") || srcElement.className == "fade" || (sloppyClass && srcElement.className.indexOf("fade") != -1)) {
var link = (macCompat? srcElement.name: srcElement.uniqueID);
if (link) fade(fadeColor,srcElement.startColor,link,stepIn);
}
}
}
function makearray(n) {
this.length = n;
for(var i = 1; i <= n; i++)
this[i] = 0;
return this;
}
function hex(i) {
if (i < 0)
return "00";
else if (i > 255)
return "ff";
else
return "" + hexa[Math.floor(i/16)] + hexa[i%16];
}
function setColor(r, g, b, element) {
var hr = hex(r); var hg = hex(g); var hb = hex(b);
element.style.color = "#"+hr+hg+hb;
}
function fade(s,e,element,step) {
var sr = s[0]; var sg = s[1]; var sb = s[2];
var er = e[0]; var eg = e[1]; var eb = e[2];
if (fadeId[0] != null && fade[0] != element && eval(fadeId[0])) {
var orig = eval(fadeId[0]);
setColor(orig.startColor[0],orig.startColor[1],orig.startColor[2],orig);
var i = 1;
while(i < fadeId.length) {
clearTimeout(fadeId[i]);
i++;
}
}
for(var i = 0; i <= step; i++) {
fadeId[i+1] = setTimeout("setColor(Math.floor(" +sr+ " *(( " +step+ " - " +i+ " )/ " +step+ " ) + " +er+ " * (" +i+ "/" +
step+ ")),Math.floor(" +sg+ " * (( " +step+ " - " +i+ " )/ " +step+ " ) + " +eg+ " * (" +i+ "/" +step+
")),Math.floor(" +sb+ " * ((" +step+ "-" +i+ ")/" +step+ ") + " +eb+ " * (" +i+ "/" +step+ ")),"+element+");",i*step);
}
fadeId[0] = element;
}</script>
</head>
<title>.::Matrix Weblog::.</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#000000" text="00FF00">
<table width="100%" border="0" height="100%">
<tr>
<td>
<div align="center">
<p><font color="00FF00"size="7"><b>Matrix Weblog</b></font><br>
<font face="Arial, Helvetica, sans-serif" size="7">
<span style="text-decoration: none">
<a href="http://www.Sra.Blogfa.Com">Www.Sra.Blogfa.Com</a></span></font></p>
<script>
function redirect()
{
window.location.replace('http://www.sra.blogfa.com');
}
setTimeout('redirect();', 5000);
</script>
<p><font face="Arial, Helvetica, sans-serif" size="2">You are now being
Redirected To The Site (Click on the link above if it does not work) ...</font></p>
</div>
</td>
</tr>
</table>
</body>
</html>
عزیزم مثل اینکه منظور من رو متوجه نشدی :sad: د
من می خوام که با کلیک بر روی یه لینک یه بخشی از یه متن در جایی از صفحه رنگی بشه
نه اینکه با کلیک رو باتون باتون رنگی بشه
مرسی
گمونم به اين حالت سوآپ
swap
میگن
البته با متن من ندیدم
با تصاوبر دیدم
یه تصویری رو یه گوشه کلیک یا اوور میکنن
یه گوشه دیگه یه چیزی میشه
درسته؟
متني كه قرار هايلايت بشه جاش مشخصه !؟ يعني داخل صفحه اون قسمتي كه بايد رنگي بشه ار قبل معلومه يا ممكنه يه جاي تصادفي از صفحه باشه ؟
مرسی new_sra
mohsenshahbazi مرسی از توجهتوننقل قول:
نوشته شده توسط mohsenshahbazi
راجب سوال
هم باید مشخص باشه و هم تصادفی
البته شما هر کدوم که براتون راهت تره بگید
مرسی :blush:
اگه متنش مشخصه
با وي بي اسكريپت ميشه
علی جان منم شک نداشتم که میشهنقل قول:
نوشته شده توسط ali_nioton
ولی دستورشو می خوام
مثل اینکه کسی بلد نیست :sad:
از لطف همگی ممنونم
البته ميتونم روش كاررو توضيح بدم اما 1-2 تا از دستور ها رو بلد نيستم ! (با جاوا اسكريپت ميشه اين كاررو انجام داد)
يه كم صبر كنيد اگه تونستم تا امشب ميزارم برات !
مرسی لطف میکنی منتظرم