195400 发表于 2021-8-17 22:54

红枫 发表于 2021-8-17 22:41
我知道了,是手机的浏览器在非WIFI状态下默认关闭了自动播放(省流量设置)。

感谢手机运营商:lol

195400 发表于 2021-8-18 05:28

<!-- style type="text/css">
#imgContainer{border:1px solid #000000;width:812px;height:500px;overflow:hidden;position:relative;margin:16px auto;}
#imgContainer img{display:none;}

#imgMask{position:absolute;width:100%;height:100%;overflow:hidden;}
#imgMask .range{float:left;position:relative;}
#imgMask .range div{position:absolute;left:0;top:0;}       
#imgContainer .pageBar{position:absolute;z-index:99;right:10px;bottom:10px}
#imgContainer .pictureBar{z-index:99;}
.pageBar img, .pictureBar img{display:block !important;float:left;border:1px solid #666;margin:0px 2px 2px 2px;filter:alpha(opacity=50);-moz-opacity: .5;opacity: .5;}
.pageBar img.current, .pictureBar img.current{filter:alpha(opacity=100);-moz-opacity: 1;opacity: 1;display:block !important;}
.pageBar a{display:block;background:#000;border:1px solid #666;color:#fff;float:left;width:16px;font-size:12px;margin:2px;text-align:center;line-height :16px;font-family:Arial;cursor:pointer;text-decoration:none;}
.pageBar a:hover,.pageBar a.current{background:red;color:#fff;border:1px solid #600;border-top:1px solid #F96;border-left:1px solid #F96;}

#frame1st        {
        width:960px;height:auto !important;min-height:500px;overflow:hidden;border-radius:24px;
        background-image:url(https://z3.ax1x.com/2021/06/28/Rtl1ld.jpg);box-shadow: 10px 10px 5px #c96;
        border-color: #7b5640 #efc09a #efc09a #7b5640;border-style:solid;border-width:1px;
        padding:24px;position:relative;margin:10px 0 32px -200px;
}
#frame2nd        {
        width:auto;height:auto !important;min-height:500px;
        background-image:url(https://z3.ax1x.com/2021/06/28/RtllSH.jpg);
        border-color: #efc09a #7b5640 #7b5640 #efc09a;border-style:solid;border-width:1px;
        padding:10px;
}
#frame3rd        {
        width:auto;height:auto !important;min-height:500px;
        background-image:url(https://z3.ax1x.com/2021/06/28/RtQQrq.gif);
        border-color: #7b5640 #efc09a #efc09a #7b5640;border-style:solid;border-width:1px;
        padding:10px;
}
#frame4th        {
        width:auto;height:auto !important;min-height:500px;
        background-image:url(https://z3.ax1x.com/2021/06/28/RtQn2j.jpg);
        border-color: #efc09a #7b5640 #7b5640 #efc09a;border-style:solid;border-width:1px;
        padding:10px;
}
#frame5th        {
width:auto;height:auto !important;min-height:500px;
background-image:url(https://z3.ax1x.com/2021/06/28/RtlMfe.jpg);
border-color: #7b5640 #efc09a #efc09a #7b5640;border-style:solid;border-width:1px;
padding:10px;text-align:center;
}
</style>
<div id="frame1st">
<div id="frame2nd">
<div id="frame3rd">
<div id="frame4th">
<div id="frame5th">
<span style="color:red; font:bold 3em 楷体,楷体_GB2312;
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
-webkit-text-stroke:thin lightgray;">琵琶行</span>
<div id="imgContainer">
<img src="https://z3.ax1x.com/2021/08/17/f4XT0O.png" >
<img src="https://z3.ax1x.com/2021/08/17/f4X5X6.png" >
<img src="https://z3.ax1x.com/2021/08/17/f4XbAe.png" >
<img src="https://z3.ax1x.com/2021/08/17/f4XonK.png" >
<img src="https://z3.ax1x.com/2021/08/17/f4jiNQ.png" >
<img src="https://z3.ax1x.com/2021/08/17/f4j9HS.png" >
<img src="https://z3.ax1x.com/2021/08/17/f4jE3n.png" >
<img src="https://z3.ax1x.com/2021/08/17/f4jFhj.png" >
<img src="https://z3.ax1x.com/2021/08/17/f4juHU.png" >
<img src="https://z3.ax1x.com/2021/08/17/f4jMEF.png" >
<img src="https://z3.ax1x.com/2021/08/17/f4jnBT.png" >

</div>
<audio src="http://music.163.com/song/media/outer/url?id=5273246.mp3" loop="loop"autoplay="autoplay" type="audio/mp3"></audio>
</div></div></div></div></div>
<script type="text/javascript">
!window.imgSwitch && document.write('<script src="http://tanglianhua.3vcm.vip/sucai/imgSwitch.min.js" type="text/javascript"><\/script>');
</script>

<script type="text/javascript">
var opts = {
        Type:0,//播放类型,0-17,0为随机
        Width:812,//图片的宽度
        Height:500,//图片的高度
        Pause:6000,//播放的图片每张暂停时间
        Speed:"normal ",//切换速度,fast-快速地,normal-正常。
        Auto:true,//是否自动播放
        Navigate:"no",//导航,no(无),numberic(数字),picture(图片)
        NavigatePlace:"outer",//导航位置
        PicturePosition:"left"//图片定位
};
setTimeout(
function(){
        new imgSwitch("imgContainer",opts);
},300);
</script -->

雄鹰翱翔 发表于 2021-8-18 08:04

欣赏老师精美音画佳作,赞一个!

红枫 发表于 2021-8-18 13:01

雄鹰翱翔 发表于 2021-8-18 08:04
欣赏老师精美音画佳作,赞一个!

谢谢 雄鹰 版主赞赏!也谢谢 195400 老师及好友们临帖指导!

代码修改过了,换页后图片滞留时间延长了很多,似乎效果更佳了。

醉美水芙蓉 发表于 2021-8-21 22:19

好听!
页: 1 [2]
查看完整版本: 《琵琶行》----音画朗诵