marjan_gh
جمعه 13 مرداد 1391, 23:31 عصر
<!-- شروع تب ها -->
<style type="text/css">
/*<![CDATA[*/
ul.tabs {
margin: 0;
padding: 0;
float: right;
list-style: none;
height: 32px;
border-bottom: 1px solid #999999;
border-right: 1px solid #999999;
width: 100%;
font:12px tahoma;
}
ul.tabs li {
float: right;
margin: 0;
cursor: pointer;
padding: 0px 21px ;
height: 31px;
line-height: 31px;
border: 1px solid #999999;
border-right: none;
font-weight: bold;
background: #EEEEEE;
overflow: hidden;
position: relative;
}
ul.tabs li:hover {
background: #CCCCCC;
}
ul.tabs li.active{
background: #FFFFFF;
border-bottom: 1px solid #FFFFFF;
}
.tab_container {
border: 1px solid #999999;
border-top: none;
clear: both;
float: right;
width: 100%;
background: #FFFFFF;
}
.tab_content {
padding: 10px;
font:11px tahoma;
text-align:right;
display: none;
}
/*]]>*/
</style>
<script language="JavaScript" src="http://code.jquery.com/jquery-1.1.2.pack.js" type="text/javascript"></script>
<script language="JavaScript" type="text/javascript">
/*<![CDATA[*/
/*
* Copy Right WwW.1Code.Ir (Rasool Moosavi) | admin@1code.ir
*/
$(document).ready(function() {
var activeTab = 'tab1';
var interval;
$(".tab_content").hide();
$('.tab_container').find('.tab_content:first').sho w();
$("ul.tabs li").click(function() {
$("ul.tabs li").removeClass("active");
$(this).addClass("active");
$(this).parent('.tabs').next('.tab_container').chi ldren('.tab_content').hide();
activeTab = $(this).attr("rel");
$("#"+activeTab).fadeIn();
});
interval_function = function () {
if ( $(".active").is(':last-child') )
$("ul.tabs :first-child").click();
else
$(".active").next().click();
};
interval = setInterval(interval_function, 3000);
$('#s1').hover(function () {
clearInterval(interval);
}, function () {
interval = setInterval(interval_function,3000);
});
});
/*]]>*/
</script>
<div id="container">
<ul class="tabs">
<li class="active" rel="tab1">تب اول</li>
<li rel="tab2"> تب دوم </li>
<li rel="tab3"> تب سوم</li>
<li rel="tab4"> تب چهارم</li>
</ul>
<div id="s1" class="tab_container">
<div id="tab1" class="tab_content">
Ù…ØØªÙˆÙŠØ§Øª تب اول
</div>
<!-- /tab1 -->
<div id="tab2" class="tab_content">
Ù…ØØªÙˆÙŠØ§Øª تب دوم
</div>
<!-- /tab2 -->
<div id="tab3" class="tab_content">
Ù…ØØªÙˆÙŠØ§Øª تب سوم
</div>
<!-- /tab3 -->
<div id="tab4" class="tab_content">
Ù…ØØªÙˆÙŠØ§Øª تب چهارم
</div>
<!-- /tab4 -->
</div>
</div>
<script>
document.write(unescape('%3C%62%72%3E%3C%64%69%76% 20%73%74%79%6C%65%3D%22%64%69%73%70%6C%61%79%3A%20 %6E%6F%6E%65%3B%22%3E%3C%68%32%3E%3C%61%20%68%72%6 5%66%3D%22%68%74%74%70%3A%2F%2F%31%63%6F%64%65%2E% 69%72%2F%25%64%38%25%61%37%25%64%38%25%62%33%25%64 %39%25%38%34%25%64%38%25%61%37%25%64%62%25%38%63%2 5%64%38%25%61%66%25%64%38%25%62%31%2D%25%64%38%25% 61%61%25%64%38%25%61%38%2D%25%64%39%25%38%37%25%64 %38%25%61%37%25%64%62%25%38%63%2D%25%64%38%25%61%6 3%25%64%62%25%38%63%2D%25%64%61%25%61%39%25%64%39% 25%38%38%25%64%38%25%61%36%25%64%38%25%62%31%25%64 %62%25%38%63%2F%22%3Eاسلایدر%20تب%20Ù‡Ø§Û Œ%20جی%20کوئری%3C%2F%61%3E%3C%2F%68%32%3E%3 C%2F%64%69%76%3E'));
</script>
<!-- پايان تب ها -->
<style type="text/css">
/*<![CDATA[*/
ul.tabs {
margin: 0;
padding: 0;
float: right;
list-style: none;
height: 32px;
border-bottom: 1px solid #999999;
border-right: 1px solid #999999;
width: 100%;
font:12px tahoma;
}
ul.tabs li {
float: right;
margin: 0;
cursor: pointer;
padding: 0px 21px ;
height: 31px;
line-height: 31px;
border: 1px solid #999999;
border-right: none;
font-weight: bold;
background: #EEEEEE;
overflow: hidden;
position: relative;
}
ul.tabs li:hover {
background: #CCCCCC;
}
ul.tabs li.active{
background: #FFFFFF;
border-bottom: 1px solid #FFFFFF;
}
.tab_container {
border: 1px solid #999999;
border-top: none;
clear: both;
float: right;
width: 100%;
background: #FFFFFF;
}
.tab_content {
padding: 10px;
font:11px tahoma;
text-align:right;
display: none;
}
/*]]>*/
</style>
<script language="JavaScript" src="http://code.jquery.com/jquery-1.1.2.pack.js" type="text/javascript"></script>
<script language="JavaScript" type="text/javascript">
/*<![CDATA[*/
/*
* Copy Right WwW.1Code.Ir (Rasool Moosavi) | admin@1code.ir
*/
$(document).ready(function() {
var activeTab = 'tab1';
var interval;
$(".tab_content").hide();
$('.tab_container').find('.tab_content:first').sho w();
$("ul.tabs li").click(function() {
$("ul.tabs li").removeClass("active");
$(this).addClass("active");
$(this).parent('.tabs').next('.tab_container').chi ldren('.tab_content').hide();
activeTab = $(this).attr("rel");
$("#"+activeTab).fadeIn();
});
interval_function = function () {
if ( $(".active").is(':last-child') )
$("ul.tabs :first-child").click();
else
$(".active").next().click();
};
interval = setInterval(interval_function, 3000);
$('#s1').hover(function () {
clearInterval(interval);
}, function () {
interval = setInterval(interval_function,3000);
});
});
/*]]>*/
</script>
<div id="container">
<ul class="tabs">
<li class="active" rel="tab1">تب اول</li>
<li rel="tab2"> تب دوم </li>
<li rel="tab3"> تب سوم</li>
<li rel="tab4"> تب چهارم</li>
</ul>
<div id="s1" class="tab_container">
<div id="tab1" class="tab_content">
Ù…ØØªÙˆÙŠØ§Øª تب اول
</div>
<!-- /tab1 -->
<div id="tab2" class="tab_content">
Ù…ØØªÙˆÙŠØ§Øª تب دوم
</div>
<!-- /tab2 -->
<div id="tab3" class="tab_content">
Ù…ØØªÙˆÙŠØ§Øª تب سوم
</div>
<!-- /tab3 -->
<div id="tab4" class="tab_content">
Ù…ØØªÙˆÙŠØ§Øª تب چهارم
</div>
<!-- /tab4 -->
</div>
</div>
<script>
document.write(unescape('%3C%62%72%3E%3C%64%69%76% 20%73%74%79%6C%65%3D%22%64%69%73%70%6C%61%79%3A%20 %6E%6F%6E%65%3B%22%3E%3C%68%32%3E%3C%61%20%68%72%6 5%66%3D%22%68%74%74%70%3A%2F%2F%31%63%6F%64%65%2E% 69%72%2F%25%64%38%25%61%37%25%64%38%25%62%33%25%64 %39%25%38%34%25%64%38%25%61%37%25%64%62%25%38%63%2 5%64%38%25%61%66%25%64%38%25%62%31%2D%25%64%38%25% 61%61%25%64%38%25%61%38%2D%25%64%39%25%38%37%25%64 %38%25%61%37%25%64%62%25%38%63%2D%25%64%38%25%61%6 3%25%64%62%25%38%63%2D%25%64%61%25%61%39%25%64%39% 25%38%38%25%64%38%25%61%36%25%64%38%25%62%31%25%64 %62%25%38%63%2F%22%3Eاسلایدر%20تب%20Ù‡Ø§Û Œ%20جی%20کوئری%3C%2F%61%3E%3C%2F%68%32%3E%3 C%2F%64%69%76%3E'));
</script>
<!-- پايان تب ها -->