国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 網站 > WEB開發 > 正文

基于jQuery3D旋轉明星人物展示特效

2024-04-27 15:00:21
字體:
來源:轉載
供稿:網友

分享一款基于jQuery 3D旋轉明星人物展示特效。這是一款來自百度換膚活動的明星旋轉展示效果。效果圖如下:

在線預覽    源碼下載

實現的代碼。

html代碼:

<div class="s-skin-wrap" data-d="">  <div class="s-skin-inner">    <div class="s-skin-content">      <div class="s-star-wrap" id="s-skin-tshow">        <div class="s-star-list" id="s-star-list">          <ul style="padding: 0px; position: relative;" class="clearfix roundabout-holder">            <li data-scale="0.7509" style="position: absolute; left: -37px; top: 129px; z-index: 3; transform: scale(0.7509); opacity: 0.75;" class="s-star-item s-star-p1 roundabout-moveable-item" data-index="0" data-starid="1016" data-starname="林心如"> <img src="info/413.png" alt="林心如">              <div class="s-star-label clearfix"> <span class="s-star-name" data-starid="1016" data-log="skin data-logparam="starId=1016">林心如</span> <a href="#" class="s-star-preview" data-starid="1016" data-log="skinPreview" data-logparam="starId=1016" onclick="return false;">換膚預覽</a> </div>            </li>            <li data-scale="0.6463" style="position: absolute; left: 88px; top: 101px; z-index: 1; transform: scale(0.6463); opacity: 0.65;" class="s-star-item s-star-p2 roundabout-moveable-item" data-index="1" data-starid="1018" data-starname="鄭爽"> <img src="info/416.png" alt="鄭爽">              <div class="s-star-label clearfix"> <span class="s-star-name" data-starid="1018" data-log="skinPreview" data-logparam="starId=1018">鄭爽</span> <a href="#" class="s-star-preview" data-starid="1018" data-log="skinPreview" data-logparam="starId=1018" onclick="return false;">換膚預覽</a> </div>            </li>            <li data-scale="0.6004" style="position: absolute; left: 294px; top: 89px; z-index: 1; transform: scale(0.6004); opacity: 0.6;" class="s-star-item s-star-p3 roundabout-moveable-item" data-index="2" data-starid="1020" data-starname="戚薇"> <img src="info/414.png" alt="戚薇">              <div class="s-star-label clearfix"> <span class="s-star-name" data-starid="1020" data-log="skinPreview" data-logparam="starId=1020">戚薇</span> <a href="#" class="s-star-preview" data-starid="1020" data-log="skinPreview" data-logparam="starId=1020" onclick="return false;">換膚預覽</a> </div>            </li>            <li data-scale="0.6308" style="position: absolute; left: 502px; top: 97px; z-index: 1; transform: scale(0.6308); opacity: 0.63;" class="s-star-item s-star-p4 roundabout-moveable-item" data-index="3" data-starid="1017" data-starname="佟麗婭"> <img src="info/417.png" alt="佟麗婭">              <div class="s-star-label clearfix"> <span class="s-star-name" data-starid="1017" data-log="skinPreview" data-logparam="starId=1017">佟麗婭</span> <a href="#" class="s-star-preview" data-starid="1017" data-log="skinPreview" data-logparam="starId=1017" onclick="return false;">換膚預覽</a> </div>            </li>            <li data-scale="0.7257" style="position: absolute; left: 631px; top: 122px; z-index: 2; transform: scale(0.7257); opacity: 0.73;" class="s-star-item s-star-p5 angelababy roundabout-moveable-item" data-index="4" data-starid="1012" data-starname="Angelababy"> <img src="info/410.png" alt="Angelababy">              <div class="s-star-label clearfix"> <span class="s-star-name" data-starid="1012" data-log="skinPreview" data-logparam="starId=1012">Angelababy</span> <a href="#" class="s-star-preview" data-starid="1012" data-log="skinPreview" data-logparam="starId=1012" onclick="return false;">換膚預覽</a> </div>            </li>            <li data-scale="0.8491" style="position: absolute; left: 634px; top: 155px; z-index: 3; transform: scale(0.8491); opacity: 0.85;" class="s-star-item s-star-p6 roundabout-moveable-item" data-index="5" data-starid="1019" data-starname="唐嫣"> <img src="info/413.png" alt="唐嫣">              <div class="s-star-label clearfix"> <span class="s-star-name" data-starid="1019" data-log="skinPreview" data-logparam="starId=1019">唐嫣</span> <a href="#" class="s-star-preview" data-starid="1019" data-log="skinPreview" data-logparam="starId=1019" onclick="return false;">換膚預覽</a> </div>            </li>            <li data-scale="0.9537" style="position: absolute; left: 508px; top: 182px; z-index: 5; transform: scale(0.9537); opacity: 0.95;" class="s-star-item s-star-p7 roundabout-moveable-item" data-index="6" data-starid="1011" data-starname="李冰冰"> <img src="info/416.png" alt="李冰冰">              <div class="s-star-label clearfix"> <span class="s-star-name" data-starid="1011" data-log="skinPreview" data-logparam="starId=1011">李冰冰</span> <a href="#" class="s-star-preview" data-starid="1011" data-log="skinPreview" data-logparam="starId=1011" onclick="return false;">換膚預覽</a> </div>            </li>            <li data-scale="0.9996" style="position: absolute; left: 302px; top: 194px; z-index: 5; transform: scale(0.9996); opacity: 1;" class="s-star-item s-star-p8 roundabout-moveable-item roundabout-in-focus" data-index="7" data-starid="1013" data-starname="高圓圓"> <img src="info/417.png" alt="高圓圓">              <div class="s-star-label clearfix"> <span class="s-star-name" data-starid="1013" data-log="skinPreview" data-logparam="starId=1013">高圓圓</span> <a href="#" class="s-star-preview" data-starid="1013" data-log="skinPreview" data-logparam="starId=1013" onclick="return false;">換膚預覽</a> </div>            </li>            <li data-scale="0.9692" style="position: absolute; left: 95px; top: 186px; z-index: 5; transform: scale(0.9692); opacity: 0.97;" class="s-star-item s-star-p9 roundabout-moveable-item" data-index="8" data-starid="1014" data-starname="孫儷"> <img src="info/410.png" alt="孫儷">              <div class="s-star-label clearfix"> <span class="s-star-name" data-starid="1014" data-log="skinPreview" data-logparam="starId=1014">孫儷</span> <a href="#" class="s-star-preview" data-starid="1014" data-log="skinPreview" data-logparam="starId=1014" onclick="return false;">換膚預覽</a> </div>            </li>            <li data-scale="0.8743" style="position: absolute; left: -35px; top: 161px; z-index: 4; transform: scale(0.8743); opacity: 0.87;" class="s-star-item s-star-p10 roundabout-moveable-item" data-index="9" data-starid="1015" data-starname="姚晨"> <img src="info/418.png" alt="姚晨">              <div class="s-star-label clearfix"> <span class="s-star-name" data-starid="1015" data-log="skinPreview" data-logparam="starId=1015">姚晨</span> <a href="#" class="s-star-preview" data-starid="1015" data-log="skinPreview" data-logparam="starId=1015" onclick="return false;">換膚預覽</a> </div>            </li>          </ul>        </div>      </div>    </div>  </div>  <div id="rightArea" class="right-area">    <div id="advertisement" class="ad-area"> </div>  </div></div>

via:http://www.w2bc.com/article/53783


發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 宣恩县| 德州市| 新巴尔虎右旗| 磐石市| 五峰| 明水县| 琼海市| 海盐县| 盐津县| 子洲县| 固阳县| 郁南县| 措勤县| 历史| 金秀| 铜川市| 定陶县| 溧水县| 凌海市| 柘荣县| 曲沃县| 吉首市| 阿鲁科尔沁旗| 肇源县| 晋宁县| 崇阳县| 丰宁| 江阴市| 任丘市| 邵武市| 恩施市| 抚远县| 临漳县| 平泉县| 大姚县| 龙口市| 墨玉县| 奉化市| 敦化市| 苏尼特右旗| 容城县|