Meko_72
عدد المساهمات : 117 معدل النشاط : 4723 السُمعة : -2
| موضوع: ممكن اعرف هدا الكود حق ايش وطريقة استخدامو الثلاثاء 18 ديسمبر 2012 - 18:49 | |
| ممكن اعرف هدا الكود حق ايش وطريقة استخدامو - الكود:
-
<!-- �������� jquery ����� ��� --> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script> <script> $(document).ready(function() { $(".paging").show(); $(".paging a:first").addClass("active"); var imageWidth = $(".window").width(); var imageSum = $(".image_reel img").size(); var imageReelWidth = imageWidth * imageSum; $(".image_reel").css({'width' : imageReelWidth}); rotate = function(){ var triggerID = $active.attr("rel") - 1; var image_reelPosition = triggerID * imageWidth; $(".paging a").removeClass('active'); $active.addClass('active'); $(".image_reel").animate({ left: -image_reelPosition }, 500 ); }; rotateSwitch = function(){ play = setInterval(function(){ $active = $('.paging a.active').next(); if ( $active.length === 0) { $active = $('.paging a:first'); } rotate(); }, 4000); //��� ���� ����� ��� ������� �������� 4 ����� }; rotateSwitch();
$(".image_reel a").hover(function() { clearInterval(play); }, function() { rotateSwitch(); }); $(".paging a").click(function() { $active = $(this); clearInterval(play); rotate(); rotateSwitch(); return false; }); }); </script>
<!-- �������� jquery ����� ��� --> <!-- �������� style ����� ����� --> <style type="text/css"> *{outline: none;} img {border: 0;} .container { width: 790px; padding: 0; margin: 0 auto; } .folio_block { position: absolute; left: 50%; top: 50%; margin: -140px 0 0 -395px; } .main_view { float: left; position: relative; } .window { /*--������� ���� �����--*/ height:250px; width: 600px; /*--����� ������� ���� �����--*/ overflow: hidden; position: relative; } .image_reel { position: absolute; top: 0; left: 0; } .image_reel img {float: left;} .paging { position: absolute; bottom: 40px; right: -7px; width: 178px; height:47px; z-index: 100; text-align: center; line-height: 40px; background: url(http://i47.servimg.com/u/f47/15/47/68/39/bg10.png) no-repeat; display: none; } .paging a { padding: 5px; text-decoration: none; color: #fff; } .paging a.active { font-weight: bold; background: #920000; border: 1px solid #610000; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; } .paging a:hover {font-weight: bold;} </style>
<!-- �������� style ����� ��� -->
</head>
<body topmargin="0" leftmargin="0" rightmargin="0" bottommargin="0" marginwidth="0" marginheight="0">
<!--����� ����� ����� -->
<div style="position: absolute; width: 221px; height: 100px; z-index: 103; left: 304px; top: 184px" id="a" align="center"> <div class="main_view"> <div class="window"> <div class="image_reel" style="position: absolute; left: 1px; top: 31px; height:966px" id="c"> <a href="http://jayyousi.alafdal.net/h3-page">
<img src="http://www.loverfog.net/images/3.png" alt="" width="600" height="221" /></a> <a href="http://jayyousi.alafdal.net/h3-page/">
<img src="http://www10.0zz0.com/2012/12/10/13/195518464.png" alt="" width="600" height="221" /></a> <a href="https://www.facebook.com/laithjayyosi"> <img src="http://www6.0zz0.com/2012/12/10/13/646030898.png" alt="" width="600" height="221" /></a> <a href="http://www.facebook.com/laithjayyosi/"> <img
src="http://www9.0zz0.com/2012/12/10/13/132265557.jpg" alt="" width="600" height="221" /></a> <a href="http://www.facebook.com/laithjayyosi/"></div> </div>
<div class="paging" style="position: absolute; left: 422px; bottom: 204px" id="b"> <a href="#" rel="1">1</a> <a href="#" rel="2">2</a> <a href="#" rel="3">3</a> <a href="#" rel="4">4</a> </div> </div> | |
|
MaRlEn
عدد المساهمات : 2 معدل النشاط : 4352 السُمعة : -1
| موضوع: رد: ممكن اعرف هدا الكود حق ايش وطريقة استخدامو الثلاثاء 18 ديسمبر 2012 - 19:40 | |
| | |
|
Kimo Mimo
عدد المساهمات : 6840 معدل النشاط : 20126 السُمعة : 728
| موضوع: رد: ممكن اعرف هدا الكود حق ايش وطريقة استخدامو السبت 22 ديسمبر 2012 - 0:07 | |
| أهلاً بك اختي .. الكود عباره عن صوره عند الضغط عليها توجه الي مركز رفع خاص بمنتداي الكود يوضع في : لوحة الادارة > مظهر المنتدي > تشكيلات عامة > وضع اعلان في الصفحة الرئيسية > المحتوي : هنا يوضع الكود .. اضغط سجل | |
|