动画效果不适用于图像

时间:2014-03-19 12:41:04

标签: jquery html css3 animation

我正在开发一个带有导航部件动画的网站。(i:e)我插入了图像的链接并尝试了动画效果,但它不起作用..代码将在下面显示,如果我需要添加任何类型的带声音的动画,告诉我是否可以使用以下代码,提前谢谢

   <div class="wrapper">
   <div id="bg">
   <div class="top">
   </div><!--top-->
   <div class="ifword"><img src="images/logo_mobile.jpg" alt="" /></div>
   <div class="logo" id="logo">
   <a href="Search.html" id="logo" class="iframe_contacts" onmouseover="new    Effect.Move('contacts', { x:200, y: 430, duration: 0.3, mode: 'absolute' }); return false;" onmouseout="new Effect.Move('job', {x: 10, y: 240, duration: 0.3, mode: 'absolute' }); return false;" ></a>
   <h3><a href="search.classiceleven.com" title="Search For Jobs"></a></h3>

    <h1>Search Project &raquo;Do Your Search Search Application</h1>
    <h2>Time to Explore.</h2>
     <h2>Welcome to our search Arena</h2>
      <a href="docssearch.classiceleven.com/docsearch.html" class="ie_user" id="ie" onclick="$('ie').hide(); return false;" title="Close"></a><!--.ie-->



    <div class="job" id="job">
    <a href="jobsearch.classiceleven.com" id="contacts_link" class="iframe_contacts" onmouseover="new Effect.Move('contacts', { x:200, y: 430, duration: 0.3, mode: 'absolute' }); return false;" onmouseout="new Effect.Move('job', {x: 10, y: 240, duration: 0.3, mode: 'absolute' }); return false;" ></a>
    <h3><a href="jobsearch.classiceleven.com" title="Search For Jobs"></a></h3>
   </div><!--job-->


    <div class="contacts" id="contacts">
    <a href="contacts.html" id="contacts_link" class="iframe_contacts" onmouseover="new Effect.Move('contacts', { x:10, y: 230, duration: 0.3, mode: 'absolute' }); return false;" onmouseout="new Effect.Move('contacts', {x: 10, y: 240, duration: 0.3, mode: 'absolute' }); return false;" ></a>
    <h3><a href="contacts.html" title="Drop me a line">Contacts</a></h3>
    </div><!--contacts-->

   <div class="profile" id="profile">
   <a href="docsearch.html" id="profile_link" onmouseover="new Effect.Move('profile', { x:640, y: 295, duration: 0.3, mode: 'absolute' }); return false;" onmouseout="new Effect.Move('profile', {x: 640, y: 305, duration: 0.3, mode: 'absolute' }); return false;" ></a>
    <h3><a href="docsearch.html" title="Who am i">Profile</a></h3>
     </div><!--profile-->

    <div class="portfolio" id="portfolio">
    <a href="http://extensionsearch.classiceleven.com/index.php" id="portfolio_link"  onmouseover="new Effect.Move('portfolio', { x:202, y: 359, duration: 0.3, mode: 'absolute' }); return false;" onmouseout="new Effect.Move('portfolio', {x: 202, y: 374, duration: 0.3, mode: 'absolute' }); return false;">
     <!--<span class="plus_one_portfolio"></span>--></a>
      <h3><a href="http://extensionsearch.classiceleven.com/index.php" title="My  works">Portfolio</a></h3>
      </div><!--.porfolio-->



      <div class="blog" id="blog">
       <a href="http://blogaggregator.classiceleven.com/" id="contacts_link" onmouseover="new Effect.Move('contacts', { x:10, y: 230, duration: 0.3, mode: 'absolute' }); return false;" onmouseout="new Effect.Move('job', {x: 10, y: 240, duration: 0.3, mode: 'absolute' }); return false;" ></a>
       <h3><a href="http://blogaggregator.classiceleven.com/" title="Search For Jobs"></a></h3>
       </div><!--job-->

如何可能带来动画效果或请帮我识别此代码中的问题,谢谢!!

0 个答案:

没有答案