ホームページ > ウェブフロントエンド > jsチュートリアル > jQueryのスムーズ回転スライドエフェクトコードsharing_jquery

jQueryのスムーズ回転スライドエフェクトコードsharing_jquery

WBOY
リリース: 2016-05-16 15:40:24
オリジナル
1668 人が閲覧しました

この記事の例では、jQuery の滑らかな回転スライド効果について説明します。皆さんの参考に共有してください。詳細は以下の通りです。
このコードは jQuery に基づいて、滑らかに回転するスライドショーを実装しています。その効果は非常にクールで、シーンは非常に衝撃的です。画像のサイズと色をカスタマイズするには、jQuery-jcImgScroll.js を変更してください。
ランニング効果図:--------

ヒント: ブラウザが正常に動作しない場合は、閲覧モードを切り替えてみてください。

js キーコード:



あなたと共有した jQuery の滑らかに回転するスライドショーのコードは次のとおりです
<script src="js/jQuery-1.7.1.js" language="javascript" type="text/javascript"></script>
<script src="js/jQuery-easing.js" language="javascript" type="text/javascript"></script>
<script src="js/jQuery-jcImgScroll.js" language="javascript" type="text/javascript"></script>
<script language="javascript" type="text/javascript">
<!-- 
$(function(){
 $("#demo1").jcImgScroll({
 
 });
 $("#demo2").jcImgScroll({
 count : 7
 });
 $("#demo3").jcImgScroll({
 arrow : {
 width:110, 
 height:342,
 x:220,
 y:0
 },
 count : 3,
 offsetX : 140,
 NumBtn : true,
 title:false
 });
});
-->
</script>
ログイン後にコピー


上記は、jQuery のスムーズ回転スライド効果のコードです。気に入っていただき、実際に適用していただければ幸いです。
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート