Записи участника (RazieL) (Форум аццкого кодера)

$(document).ready(function(){

       $("#switcher-content a").click(function () {
         var N = $(this).val();
         $(this).toggleClass("active"),
          
       $("#header").css({ "background-image":"url(/design/bg-top+N+.jpg)"})
});

});

<script type="text/javascript">
$('#switcher-content a').click(function() {
var n=$(this).html();
       if (n >= 0 && n <= 10){
$(this).addClass('active').siblings().removeClass('active');
$('#header').css({'background-image':'url(/design/bg-top'+n+'.jpg)',opacity:'0'}).animate({opacity:'1'},500);
}
       if (n == 11)    
    { $('#nav').css('background','-moz-linear-gradient(top, rgba(51,51,51, 0.8), rgba(62,187,218, 0.8))')
     .css('background','-webkit-gradient(linear, left top, left bottom, from(rgba(51,51,51, 0.8)), to(rgba(62,187,218, 0.8)))')
     .css('background','-o-linear-gradient(top, rgba(51,51,51, 0.8), rgba(241,123,99, 0.8))')}
       if (n == 12)    
    { $('#nav').css('background','-moz-linear-gradient(top, rgba(51,51,51, 0.8), rgba(241,123,99, 0.8))')
     .css('background','-webkit-gradient(linear, left top, left bottom, from(rgba(51,51,51, 0.8)), to(rgba(241,123,99, 0.8)))')
     .css('background','-o-linear-gradient(top, rgba(51,51,51, 0.8), rgba(241,123,99, 0.8))')}
});
</script>

<script type="text/javascript">
$('#switcher-content a').click(function() {
var n=$(this).html();
    if (n >= 0 && n <= 9){
$(this).addClass('active').siblings().removeClass('active');
$('#header').css({'background-image':'url(/design/bg-top'+n+'.jpg)',opacity:'0'}).animate({opacity:'1'},500);
}
    if(n=='10'){
    $('#nav').attr({'style':'','class':'blueNav'});
}
    if(n=='11'){
    $('#nav').attr({'style':'','class':'redNav'});
}
    if(n=='12'){
    $('#nav').attr({'style':'','class':'greenNav'});
}
    if(n=='13'){
    $('#nav').attr({'style':'','class':'whiteNav'});
}
    if(n=='14'){
    $('#nav').attr({'style':'','class':'blackNav'});
}
    if(n=='A'){
    $('a:link, a:visited, a:active').css({'color':'#0080a4'})
    $('a:hover').css({'color':'#000'})
}
    if(n=='B'){
    $('a:link, a:visited, a:active').css({'color':'#DD4B39'})
    $('a:hover').css({'color':'#000'})
} return false;
});
</script>

<script type="text/javascript">      
function setDynClass(a){
if(!arguments.length){var a=(a=document.cookie.match(/\bdyncss=([^;]*)/))&&a[1];if(!a)return''}
document.getElementById('dm1').className='style'+a;
var d=new Date();d.setFullYear(d.getFullYear()+1);
document.cookie=['dyncss=',a,';expires=',d.toGMTString(),';path=/;'].join('');return a}
setDynClass();      
</script>

<script type="text/javascript">
$('#switcher-content a').click(function() {
var n=$(this).html();
    if (n >= 0 && n <= 9){
$(this).addClass('active').siblings().removeClass('active');
$('#header').css({'background-image':'url(/design/bg-top'+n+'.jpg)',opacity:'0'}).animate({opacity:'1'},500);
}
    if(n=='10'){
    $('#nav').attr({'style':'','class':'blueNav'});
}
    if(n=='11'){
    $('#nav').attr({'style':'','class':'redNav'});
}
    if(n=='12'){
    $('#nav').attr({'style':'','class':'greenNav'});
}
    if(n=='13'){
    $('#nav').attr({'style':'','class':'whiteNav'});
}
    if(n=='14'){
    $('#nav').attr({'style':'','class':'blackNav'});
}
    if(n=='A'){
    $('a:link, a:visited, a:active').css({'color':'#0080a4'})
}
    if(n=='B'){
    $('a:link, a:visited, a:active').css({'color':'#DD4B39'})
} return false;
});
</script>

document.getElementById('dm1').className='style'+n;    
setDynClass(n);

<div id="bg-switch">
<div id="switcher-content">
<a rel="nofollow" href="#">0</a>
<a rel="nofollow" href="#">1</a>
...
<a rel="nofollow" href="#">9</a><br />
<a rel="nofollow" href="#" class="navy" style="background-color: rgba(62,187,218, 0.8);">10</a>
...
<a rel="nofollow" href="#" class="navy" style="background-color: rgba(34,34,34, 0.8);">14</a>
<a rel="nofollow" href="#" class="letter" style="background-color:#0080a4; margin-left:14px;">A</a>
<a rel="nofollow" href="#" class="letter" style="background-color:#DD4B39; margin-left:2px;">B</a>
</div>
</div>

<script type="text/javascript">     
function setDynClass(a){
if(!arguments.length){var a=(a=document.cookie.match(/\bdyncss=([^;]*)/))&&a[1];if(!a)return''}
document.getElementById('dm1').className='style'+a;
var d=new Date();d.setFullYear(d.getFullYear()+1);
document.cookie=['dyncss=',a,';expires=',d.toGMTString(),';path=/;'].join('');return a}
setDynClass();     
</script>

<script type="text/javascript">
$('#switcher-content a').click(function() {
var n=$(this).html();
   if (n >= 0 && n <= 9){
$(this).addClass('active').siblings().removeClass('active');
$('#header').css({'background-image':'url(/design/bg-top'+n+'.jpg)',opacity:'0'}).animate({opacity:'1'},500);
}
...
   if(n=='14'){
   $('#nav').attr({'style':'','class':'blackNav'});
}
...
document.getElementById('dm1').className='style'+n;   
setDynClass(n);
return false;
});
</script>

<a rel="nofollow" href="#">9</a><br /> первый елемент (#header)
...
<a rel="nofollow" href="#" class="navy" style="background-color: rgba(62,187,218, 0.8);">10</a> второй елемент (#nav)
...
<a rel="nofollow" href="#" class="letter" style="background-color:#DD4B39; margin-left:2px;">16</a> третий елемен (a:link, a:active...)

<script type="text/javascript">
$('#switcher-content a').click(function() {
var arr = [n, n1, n2]
var temp
temp=$(this).html();
     if (temp >= 0 && temp <= 9){
$(this).addClass('active').siblings().removeClass('active');
$('#header').css({opacity:'0'}).animate({opacity:'1'},500);
document.getElementById('swdes').className='style'+temp;     
setDynClass(n);
return false;
}
if (temp >= 10 && temp <= 14){
document.getElementById('swdes').className='style'+temp;     
setDynClass(n1);
return false;
}
if (temp >= 15 && temp <= 16){
document.getElementById('swdes').className='style'+temp;     
setDynClass(n2);
return false;
});
</script>

<script type="text/javascript">       
function setDynClass(a){
if(!arguments.length){var a=(a=document.cookie.match(/\bdyncss=([^;]*)/))&&a[1];if(!a)return''}
document.getElementById('swdes').className='style'+a;
var d=new Date();d.setFullYear(d.getFullYear()+1);
document.cookie=['dyncss=',a,';expires=',d.toGMTString(),';path=/;'].join('');return a}
setDynClass();       
</script>

<html>
<head></head>
<dody>
<div>1</div>
<div>2</div>
<div>3</div>
</body>

var isClassReplace=function(a,b,c){var rExp=new RegExp("\\b("+c+"\\w+)\\b","ig");
if(a.search(rExp)!=-1){return a.replace(rExp,c+b);
}else{return a+' '+c+b;}
};

<script type="text/javascript">  
function setDynClass(mClass){  
if(!arguments.length){  
var mClass=(mClass=document.cookie.match(/\bdyncss=([^;]*)/))&&mClass[1];if(!mClass)return '';}  
document.getElementById('swdes').className=mClass;  
var d=new Date();  
d.setFullYear(d.getFullYear()+1);  
document.cookie=['dyncss=',mClass,';expires=',d.toGMTString(),';path=/;'].join('');  
return mClass;}  
setDynClass();  
function delCookie(style){ что-то, что-то}
</script>

<tr id="siM1"><td colspan="2" align="center" class="errorMsg" id="siM2">$ERROR$</td></tr><tr><td height="10" class="manTdSep" colspan="2"><hr class="manHr" /></td></tr>

<body id="swdes">
содержимое...
</body>
body {
      background: none repeat scroll 0 0 transparent;
      color: #474747;
      font-family: 'Play',Play-regular,Georgia,Arial,Verdana;
      font-size: 15px;
      line-height: 21px;
      list-style-type: none;
      min-height: 25px;
      text-align: center;
}