簡體   English   中英

jQuery按鈕文本效果

[英]Jquery Button Text Effect

我正在使用Jquery動畫創建橫幅,我想創建按鈕文本效果,但是我不確定該效果叫什么。 這是樣本鏈接示例 ,我也想在我的代碼中創建相同類型的按鈕。 這是我的代碼。 我的密碼

<div id = "wrapper" >       
 <div id="mainContainer">

    <div>
 <img id="introImg" src="http://i.imgur.com/FClbHjn.png"/>
    </div>

    <div id="images">
        <p id="headline1Txt" >Striped Bag</p><br />
        <p id="headline2Txt" >$14</p><br />
        <p id="headline3Txt" >Sale $25</p><br />
    </div>
    <div id="ctaBtn">
      <button class="btn btn-primary" type="button">SHOP NOW</button>
    </div>
 </div>
</div>

請參閱此代碼以獲取答案

http://jsfiddle.net/rooseve/g4zC7/2/

使用transform: scale(1.2, 1.2); jQuery中的規模

<script>

$('#introImg').css({"transform":"translate(100px,100px)"});
$('#introImg').css({"-webkit-transform":"-webkit-translate(100px,100px)"});
</script>

<img id="introImg" src="http://i.imgur.com/FClbHjn.png"/>

您需要的效果:

http://jsfiddle.net/g9RCv/8/

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM