好友
阅读权限10
听众
最后登录1970-1-1
|
yyn
发表于 2018-6-25 10:09
本帖最后由 wushaominkk 于 2018-6-25 18:22 编辑
别的网站扒下来的,分享给大家,^_^
下面的HTML代码被论坛过滤了,下载Zip附件,解压,浏览器打开就可看到效果了
[HTML] 纯文本查看 复制代码
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style>#dmbox{position: relative;overflow: hidden;background-color: #000;background: url([img]http://ynpic.bj.bcebos.com/xay%2Fe.jpg[/img]);background-size: 120%;}#dmbox a{position: absolute;display: inline-block;padding:0 7px;text-align: center;height:21px;left:calc(100vw);color:#fff;text-shadow: white 0px 0px 10px, white 0px 0px 20px, CornflowerBlue 0px 0px 30px, white 0px 0px 40px, white 0px 0px 70px, white 0px 0px 80px, CornflowerBlue 0px 0px 100px;animation:mymove2 4s infinite;-webkit-animation:mymove2 4s infinite; /*Safari and Chrome*/font-size: 14px;}@keyframes mymove2{0%{left:calc(100vw)}100%{left:-100px;}}</style>
</head>
<body>
<div class="txt"><script src="https://yun.sifuhe.cn/h5-mami/media/media-3.2.3.min.js" type="text/javascript"></script>
<div id="_so_gl8gkrifkvu" style="position:fixed;left:0px;bottom:0px;width:1366px;height:202px;z-index:2147483647"><div style="position:relative;height:202px"><div style="position:absolute;cursor:pointer;z-index:2147483647;top:-20px;right:0px"><span style="float:left;display:block;border-style:solid;border-width:10px 3px;border-color:transparent #888 #888 transparent;height:0;width:0;"></span><span style="float:left;display:black;font-size:12px;background-color:#888;padding:0px 8px;color:#fff;height:20px;line-height:20px;">关 闭</span></div><div><div id="dmbox" style="height:66px;">
<a style="top:0px;animation:mymove2 15s 0s linear infinite;width:98px">410g 瓦罐带鱼 ¥14.90</a><a style="top:23px;animation:mymove2 16s 2s linear infinite;width:56px">150g 香辣鱼豆腐 ¥9.90</a>
<a style="top:45px;animation:mymove2 15s 3s linear infinite;width:98px">100g 金枪鱼罐头 ¥12.80</a>
<a style="top:67px;animation:mymove2 16s 1s linear infinite;width:70px">425g*5 黄桃果罐 ¥23.90</a>
<a style="top:0px;animation:mymove2 15s 8s linear infinite;width:98px">425g 糖水桔子 ¥9.90</a>
<a style="top:23px;animation:mymove2 16s 6s linear infinite;width:70px">425g 砀山梨罐头 ¥9.90</a>
<a style="top:45px;animation:mymove2 5s 5s linear infinite;width:56px">425g 沙丁鱼罐头 ¥10.80</a><a style="top:67px;animation:mymove2 26s 5s linear infinite;width:70px">平行济南</a>
<div></div></div></div></div></div>
</body>
|
-
-
弹幕效果.zip
1.62 KB, 下载次数: 128, 下载积分: 吾爱币 -1 CB
网页弹幕JS特效
免费评分
-
查看全部评分
|
发帖前要善用【论坛搜索】功能,那里可能会有你要找的答案或者已经有人发布过相同内容了,请勿重复发帖。 |
|
|
|
|