Study Journals of TYRuan: 跑馬燈 + hover 暫停

<?php
if ( !isset($_SESSION) ) { session_start(); }
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="化學,酒精,化工,chemical,alcohol,echo,化學原料,化工原料,乙醇,食用酒精,ACROS,Aldrich,ALFA,ChemService,Duchefa,FISHER,FLUKA,frinton,MATRIX,MATRIX,MP,Polyscience,SIGMA,STREM,SynChem,TCI,TRC,Alfa Aesar,ThermoFisher,Lancaster,fluka,Showa,乾洗手,DIY,MSDS" />
<meta name="description" content="景明化工以專業團隊提供快速、優質的服務，滿足您的需求，是景明永續追求的目標" />
<meta name="verify-v1" content="KxNAS5zcatSQci46PlwIcjiegi79TPLIEV4kMJaJpa4=" >
<META name="y_key" content="84ac5ce93437152b">
<title>景明化工</title>

<script type="text/javascript" src="js/jquery-1.8.0.min.js?v=1"></script>
<script type="text/javascript" src="js/jquery.backstretch.min.js?v=1"></script>
<script type="text/javascript" src="js/mouseImage-min.js?v=1"></script>
<script type="text/javascript" src="js/menu-min.js?v=1"></script>
<script type="text/javascript" src="js/window-main-min.js?v=1"></script>
<script type="text/javascript" src="js/index-back-min.js?v=1"></script>
<script type="text/javascript" src="js/custom-min.js?v=1"></script>

<link href="css/style_new.css?v=1" rel="stylesheet" type="text/css" />

<script type="text/javascript">
$(document).ready(function(){
$(function(){
   // 先取得 .abgne-news-scroll ul, 並設定淡入及輪播時間
   var $news = $('#scroll ul'),
   fadeInSpeed = 1000,
   timer, speed = 3000;
   _stop = false;

   // 若按鈕使用中,計數器暫停並歸零
   $('#scroll img').hover(
       function(){
          _stop = true;
          clearTimeout(timer);
       },
       function(){
          _stop = false;
          timer = setTimeout(newsScroll, 3000);
       }
   );

   $('.brand_form_logo').hover(
       function(){
          _stop = true;
          clearTimeout(timer);
       },
       function(){
          _stop = false;
          timer = setTimeout(newsScroll, 3000);
       }
   );

   // 用來控制輪播用
   function newsScroll(){
    // 先找出最後一個 li
    var $last = $news.find('li:last');
    // 複製一份並先隱藏起來
    // 接著把它加到 .abgne-news-scroll ul 中的第一個項目
    // 最後用淡入的方式顯示, 當顯示完後繼續輪播
    $aaa = $last.clone();
    $aaa.hover(
       function(){
          _stop = true;
          clearTimeout(timer);
       },
       function(){
          _stop = false;
          timer = setTimeout(newsScroll, 3000);
       }
   );

    $aaa.hide().prependTo($news).fadeIn(fadeInSpeed, function(){
      if (!_stop) {
        timer = setTimeout(newsScroll, speed);
      }
    }).css("class","brand_form_logo");
    // 把 $last 移除掉
    $last.remove();
   }

   // 啟動輪播計時器
   if (!_stop) timer = setTimeout(newsScroll, speed);
   //newsScroll();

   $('a').focus(function(){
           this.blur();
   });

});
});
</script>

<style>
.nodisplay { display:none;}
</style>

</head>

<body>
<div id="coverwrap"></div>
<div id="body">


<div id="header">
<?php require_once('header.php'); ?>
</div>



<?php require_once('side.php'); ?>



<div id="footer">
<?php require_once('footer.php'); ?>
</div>



<div id="main">
    <div id="index">
      
      <div id="index_bottom">
        
        <div class="index_inner" style="width:25%">
          <img src="images/index_mv_title_min.png?v=1" border="0" /><br />
          <iframe width="230" height="135" src="https://www.youtube.com/embed/lnzlA8AS4H4" frameborder="0" allowfullscreen></iframe>
        </div>
        

<?php
#get news
require_once('controller/conn_news.php');

$news_db = new echo_news;
$news_db->connect();

$news_objs = $news_db->get_latest_news(4);
while( ($news_list[] = $news_objs->fetch_assoc()) || array_pop($news_list) );
?>
        
        <div class="index_inner" style="width:25%">
          <img src="images/index_news_title_min.png?v=1" border="0" />&emsp;
          <?php foreach($news_list as $news):?>
          <div class="index_news">
            <div class="index_day"><?=date("Y-m-d", strtotime($news["created_on"]))?></div>
            <div class="index_word"><a href="news/detail.php?id=<?php echo $news['auto_sn']; ?>">．<?=$news["news_title"]?></a></div>
          </div>
          <?php endforeach;?>
        </div>
        
      </div>
      
      <div id="index_unit01">
        <div id="banner_change">
          <ul>
            <li><div class="nodisplay">景明酒精事業部</div></li>
            <li><div class="nodisplay">景明化學事業部</div></li>
            <li><div class="nodisplay">景明食用酒精</div></li>
            <li><div class="nodisplay">景明酒精包裝</div></li>
            <li><div class="nodisplay">景明 AENCORE 代理</div></li>
          </ul>
        </div>
      </div>
       <div class="abgne-news-scroll" id="scroll">
         <a href="/brand"><img src="../images/indexbrandtitle.jpg" id="indexbrandtitle" alt="景明代理品牌" title="暫停跑馬燈"></a>
         <ul>
           <li id="brand01" class="brand_form_logo"><a target="_blank" href="http://abcr.lookchem.com/"><img alt="景明代理 ABCR" src="../images/brand_01.jpg" width="159" height="60" border="0" /></a>
           <br>ABCR GmbH & Co. KG：來自於德國。<br>提供各式含氟化合物。</li>
           <li id="brand02" class="brand_form_logo"><a target="_blank" href="http://www.acros.com/"><img alt="景明代理 ACROS" src="../images/brand_02.jpg" width="160" height="60" border="0" /></a>
           <br>ACROS：產地比利時<br />各式的有機合成中間體起始物，另有生化合成專用藥品。另外也提供高純度的無機金屬。</li>
           <li id="brand25" class="brand_form_logo"><a target="_blank" href="http://aencore.com/"><img alt="景明代理 AENCORE" src="../images/brand_25.jpg" width="140" height="104" border="0" /></a>
           <br>AENCORE：來自澳洲。<br>酸液製造商，長期提供澳洲檢驗單位使用。主要提供無機鹽、材料/金屬鹽和高分子化合物</li>
           <li id="brand03" class="brand_form_logo"><a target="_blank" href="http://www.alfa.com/"><img alt="景明代理 ALFA AESAR" src="../images/brand_03.jpg" width="160" height="60" border="0" /></a>
           <br>ALFA AESAR：產地美國。<br />與英國LANCASTER合併，主要提供金屬和氟化物；金屬產品主要延續Johnson Matthey 符合最高純度及最高品質特點，除此之外也提供奈米等級、太陽能、燃料電池相關產品。</li>
           <li id="brand04" class="brand_form_logo"><a target="_blank" href="http://www.dowelectronicmaterials.com/"><img alt="景明代理 AZ electronic materials" src="../images/brand_04.png" width="140" height="50" border="0" /></a>
           <br>簡稱 AZ。景明主要代理銷售全省學校實驗室及國家各類研究機構。為專業光阻劑供應商。</li>
           <li id="brand05" class="brand_form_logo"><a target="_blank" href="http://www.chriskev.com/"><img alt="景明代理 CHRISKEV" src="../images/brand_05.gif" width="160" height="45" border="0" /></a>
           <br>CHRISKEV：產地美國。<br />提供各式Polyimide (PI)單體、diamine及dianhydride。光電特用化學品主要供應來源。</li>
           <li id="brand06" class="brand_form_logo"><a target="_blank" href="http://www.isotope.com/"><img alt="景明代理 CIL Cambridge Isotope Laboratories" src="../images/brand_06.jpg" width="50" height="100" border="0" /></a>
           <br>CIL：產地美國。<br />主要供應NMR使用的氘化溶劑 ( D-SOLVENT )。</li>
           <li id="brand07" class="brand_form_logo"><a target="_blank" href="http://www.duchefa-biochemie.com/"><img alt="景明代理 DUCHEFA" src="../images/brand_07.jpg" width="160" height="60" border="0" /></a>
           <br>DUCHEFA：來自荷蘭。<br />植物細胞及組織培養生化用的培養基及相關試藥。</li>
           <li id="brand08" class="brand_form_logo"><img src="../images/brand_08.png" width="160" height="40" border="0" />
           <br>ECHO CHEMICAL：公司自有品牌<br />與世界大廠合作穩定供應各種等級的溶劑，如HPLC /ACS/工業級。</li>
           <li id="brand09" class="brand_form_logo"><a target="_blank" href="http://www.fishersci.com/ecomm/servlet/cmstatic?storeId=10652&ddkey=http:cmstatic"><img alt="景明代理 FISHER CHEMICAL" src="../images/brand_09.png" width="160" height="60" border="0" /></a>
           <br>FISHER CHEMICAL：來自美國。<br />全球首屈一指的分析實驗室溶劑(試劑)製造商。主要提供最高純度最高品質的產品給全球最頂尖的學府、藥廠、政府檢驗單位、研究單位以及生技公司。</li>
           <li id="brand10" class="brand_form_logo"><a target="_blank" href="http://www.generalchemical.com/"><img alt="景明代理 GENERAL CHEMICAL" src="../images/brand_10.jpg" width="160" height="60" border="0" /></a>
           <br>GENERAL CHEMICAL：來自美國。供應各種電子級溶劑。</li>
           <li id="brand11" class="brand_form_logo"><a target="_blank" href="http://www.grandkem.com/"><img alt="景明代理 GRAND CHEMICAL" src="../images/brand_11.jpg" width="160" height="60" border="0" /></a>
           <br>GRAND CHEMICAL：供應各種特殊溶劑。</li>
          
          
           <li id="brand13" class="brand_form_logo"><a target="_blank" href="http://www.maybridge.com/"><img alt="景明代理 MAYBRIDGE" src="../images/brand_13.jpg" width="93" height="100" border="0" /></a>
           <br>MAYBRIDGE：來自於英國。<br />目前ACROS、FISHER及MAYBRIDGE已經合併，其Maybridge系列提供藥廠最多元化和最高水準藥物中間體加速新藥品的開發效能。</li>
           <li id="brand14" class="brand_form_logo"><a target="_blank" href="http://www.mpbio.com/?country=206"><img alt="景明代理 MP MPBIO" src="../images/brand_14.jpg" width="110" height="70" border="0" /></a>
           <br>MPBIO：簡稱 MP。來自美國。<br />供應各種生化試劑，特別為動物飼料並可依客戶需求而提供客製化服務。</li>
           <li id="brand15" class="brand_form_logo"><a target="_blank" href="http://www.pharmcoaaper.com/"><img alt="景明代理 PHARMCO-AAPER" src="../images/brand_15.jpg" width="160" height="40" border="0" /></a>
           <br>PHARMCO-AAPER：來自美國。<br />生產及製造世界上最高純度製藥及分析等級品質乙醇的首選廠商。實施最嚴格的品管系統，並全面整合至專屬的製造流程，已達成一連串從原料到成品的品質監控及管制。<br />
主要提供生物業、製造業、醫療業及其他關鍵工業應用之高純度乙醇、世界級cGMP等級溶劑、無菌產品及客製化混合配方。<br />
其供應產品經過FDA、ISO及Kosher認證，符合並凌駕cGMP與HACCP規範及其他國際性的品管標準。</li>
           <li id="brand16" class="brand_form_logo"><a target="_blank" href="http://www.purac.com/"><img alt="景明代理 PURAC" src="../images/brand_16.jpg" width="160" height="66" border="0" /></a>
           <br>PURAC：來自於荷蘭。<br />世界上最大也是最有經驗的天然乳酸、乳糖醇、聚丙酸和聚乳酸的生產菌，所有產品均有生物可分解的特性。</li>
           <li id="brand17" class="brand_form_logo"><a target="_blank" href="http://www.scharlab.com/"><img alt="景明代理 Scharlab Scharlau" src="../images/brand_17a.jpg" width="160" height="60" border="0" />&emsp;<img src="../images/brand_17b.jpg" width="160" height="60" border="0" /></a>
           <br>Scharlab (Scharlau)：來自西班牙。<br />主要供應實驗室試藥、無機物和微生物培養皿等生技產品；以最高品質和最合理的價格結合最出色的歐系高規並符合EP / USP規格品牌。</li>
           <li id="brand18" class="brand_form_logo"><a target="_blank" href="http://seed-chem.com/"><img alt="景明代理 SEEDCHEM" src="../images/brand_18.jpg" width="80" height="80" border="0" /></a>
           <br>SEEDCHEM：來自澳洲。<br />主要依客戶需求提供特殊包裝以及客製化產品服務。</li>
           <li id="brand19" class="brand_form_logo"><a target="_blank" href="http://www.showa1.com/en/"><img alt="景明代理 SHOWA" src="../images/brand_19.jpg" width="160" height="60" border="0" /><a>
           <br>SHOWA 昭和化學株式会社：產地日本。<br />秉持著日本人的認真態度，對產品上高度要求的執著；提供業界最高品質的無機鹽和化學試藥以供研發和實驗進步和創新。</li>
           <li id="brand20" class="brand_form_logo"><a target="_blank" href="http://scientificpolymer.com/"><img alt="景明代理 SP2 scientific polymer" src="../images/brand_20.jpg" width="160" height="40" border="0" /></a>
           <br>Sp2：專業製造高分子，高分子單體與高分子標準品。</li>
           <li id="brand21" class="brand_form_logo"><a target="_blank" href="http://www.strem.com/"><img alt="景明代理 STREM" src="../images/brand_21.jpg" width="160" height="60" border="0" /></a>
           <br>STREM：產地美國。<br />主要供應高純度金屬及各種有機金屬、MOCVD材料、奈米材料及觸媒。</li>
           <li id="brand22" class="brand_form_logo"><a target="_blank" href="http://www.synthon-chemicals.com/"><img alt="景明代理 SYNTHON" src="../images/brand_22.jpg" width="164" height="80" border="0" /></a>
           <br>SYNTHON CHEMICALS：來自德國。<br />主要提供各式液晶中間體及特化合成用中間體。</li>
           <li id="brand23" class="brand_form_logo"><a target="_blank" href="http://www.tcichemicals.com/zf/tw/index.html"><img alt="景明代理 TCI" src="../images/brand_23.jpg" width="119" height="80" border="0" /></a>
           <br>TCI(東京化成)：來自於日本。<br />主要提供有機中間體，產品種類多，其包裝最適合實驗室分析研究，也提供完美客製化服務，產品線齊全且交期快!</li>
           <li id="brand24" class="brand_form_logo"><a target="_blank" href="http://www.tedia.com/"><img alt="景明代理 TEDIA" src="../images/brand_24.png" width="160" height="60" border="0" /></a>
           <br>TEDIA：來自於美國。<br />生產製造最多種類的高純度溶劑，提供GC、HPLC、QC及合成等所需各等級溶劑，且備有各式庫存。</li>
         </ul>
       </div>
    </div>
</div>


</div>
</body>

</html>

--------------------------------------------------------------------------------------------------------------------------

/*代理品牌跑馬燈設定*/
.abgne-news-scroll ul {
margin: 0;
padding-top: 40px;
list-style: none;
}
.abgne-news-scroll {
width: 190px;
height: 590px;
overflow: hidden;
float: left;

border:10px solid #eeeeee;
background:#fefae4;
box-shadow:0 3px 5px rgba(0%,0%,0%,0.3);
}
.abgne-news-scroll li {
/*background: url(arr.jpg) no-repeat 5px 10px;*/
padding: 40px 0px 0px 0px;
margin-left: -20px
}
#indexbrandtitle {
    position: relative;
    float: left;
    top: 8px;
    left: 0px;
    padding-right: 11px;
}

Study Journals of TYRuan

標籤

2014年6月5日星期四

跑馬燈 + hover 暫停

沒有留言:

張貼留言

網誌存檔

標籤

2014年6月5日 星期四

跑馬燈 + hover 暫停

沒有留言:

張貼留言

網誌存檔

2014年6月5日星期四