导航:首页 > 编程语言 > 苏宁全屏海报代码

苏宁全屏海报代码

发布时间:2021-12-09 01:03:34

1. 大神,求天猫海报全屏代码,有吗

貌似这样可以!大家互相学习下!!
代码如下:
<div style="height:550px;">
<div
class="sn-simple-logo" style="padding:0px;left:50%;top:auto;">
<div
class="sn-simple-logo" style="padding:0px;left:-960px;top:auto;">
<a
href="#" style="width:1920px;height:550px;display:block;"
target="_blank">
<img alt="全屏海报" border="0"
src="全屏海报链接地址(1920*550像素的海报)"
/>
</a>
</div>
</div>
</div>

2. 救急 求淘宝全屏海报轮播html代码

这是我用JQuery写的,图片自己添加
<!doctype>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>图片平滑切换</title>
<style type="text/css">
/** css Reset **/
body, div, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, p, th, td {
padding: 0;
margin: 0;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
fieldset, img {
border: 0;
}
ul,li{list-style:none;}
h1, h2, h3, h4, h5, h6 {
font-weight: normal;
font-size: 100%;
}
/** css Reset end **/
/** Page **/
body
{
background-color:#ccc;
margin:0 auto;
text-align:center;
}
.main
{
font-size:12px;
margin:80px auto;
width:900px;
height:600px;
}
#container
{
width:800px;
height:449px;
position:relative;
overflow:hidden;
}
#container .image
{
position:absolute;
height:449px;
width:4800px;
}
#container .image li
{
float:left;
width:800px;
height:449px;
position:relative;
overflow:hidden;
background:#000;
}
#container .sign
{
bottom:0px;
position:absolute;
background:url("images/bg_tran.png");
width:800px;
padding-left:600px;
}
#container .sign li
{
float:left;
color:Gray;
text-align:center;
line-height:16px;
width:16px;
height:16px;
font-family:Arial;
cursor:pointer;
overflow:hidden;
margin:6px 8px;
background-color:#fff;
}
#container .sign li.on
{
color:White;
background-color:Maroon;
}
/** Page end **/
</style>
</head>
<body>
<div class="main">
<div id="container">
<ul class="image">
<li><img alt="Bing" src="images/bing-1.jpg" /></li>
<li><img alt="Bing" src="images/bing-2.jpg" /></li>
<li><img alt="Bing" src="images/bing-3.jpg" /></li>
<li><img alt="Bing" src="images/bing-4.jpg" /></li>
<li><img alt="Bing" src="images/bing-5.jpg" /></li>
<li><img alt="Bing" src="images/bing-6.jpg" /></li>
</ul>
<ul class="sign">
<li class="on">1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
</ul>
</div>

</div>
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript">
$(function () {
var len = $(".image > li").length;
var i = 0;
function turn() {
i = $(".sign > li").index($(".on"))
i < len - 1 ? i++ : i = 0
$(".sign > li").eq(i).addClass("on").siblings("li").removeClass("on");
showImg(i);
}
$(".sign > li").click(function () {
clearInterval(set);
var index = $(this).index();
$(this).addClass("on").siblings("li").removeClass("on");
showImg(index);
set = setInterval(turn, 5000);
});
set = setInterval(turn, 5000);
});
function showImg(index) {
var width = $("#container").width();
$(".image").stop(true, false).animate({ "left": -index * width }, 500);
}
</script>
</body>
</html>

3. DW做出了全屏切片海报代码,但是直接放到自定义模块上面是显示出950来!!有什么解决办法!有代码的

<div style="height:300px;">
<div class="footer-more-trigger" style="left:50%;top:auto;border:none;padding:0;">
<div class="footer-more-trigger" style="left:-960px;top:auto;border:none;padding:0;">
<a href="#" target="_blank" style="width:1920px;height:500px;display:block;"> <img src="图片地址" border="0" alt="全屏海报" /></a>
</div>
</div>
</div>

说明:黄色区域修改为你的海报实际高度 单位:像数(输入数字即可)
紫色区域输入海报的图片空间链接地址
其他无需改动

4. 网站的‘全屏海报代码’怎么写

你是说网站Banner图代码:
如下:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>全屏显示</title>
</head>
<body background=#00ccff>
<table border="1" width="100%">
<tr>
<td>
<p align="center">
<input type="BUTTON" name="FullScreen" value="全屏显示" onClick="window.open(document.location, 'www_helpor_net', 'fullscreen')">
</td>
</tr>
</table>
</body>
</html>

5. 天猫首页全屏海报代码

这个要用Dreamweaver做 加PS


1在PS里面新建1920*600像素。(甘肃印象亲情回答)

复制</body>中间的就OK(甘肃印象亲情回答)

期望对你有帮助啊

6. 谁有苏宁店铺首页全屏轮播代码 想把店铺首页弄成全屏

店铺地址在那里我看看
补充:
没有
轮播啊
追问:
我现在就是想要个全拼轮播的代码
回答:

可以帮你
追问:
你有全屏的代码吗
回答:
有啊
追问:
你能给我吗,或者你有qq吗,我在qq上请教你
回答:
可以啊1160二三7689

7. 跪求苏宁易购装修可用的全屏轮播代码

<style>
.template {position:static; width:990px;}/* 用于实现全屏布局*/
body{overflow:none;overflow-x: hidden; }/* 用于兼容不同分辨率显示器的显示问题*/
.template div {overflow:visible;}/* 用于定义自定义区内容总是可见*/
.h8-define{ text-align:left;}/* 用于兼容IE7*/
</style>

<div style="width: 1920px; margin: 0 auto; height: 600px; z-index: 10; zoom: 1;"><!--轮播总宽度1920px,高度600px,请根据自己实际情况修改 -->
<div class="template editArea baner-define mbt10" style="height: 600px; position: absolute;"><!--此行600px也需要修改 -->
<div class="bannerBox">
<!--第v一屏开始 -->
<div style="margin-left: -465px; position: absolute;">
<a class="hide" style="display: inline;" title="套餐1" target="_blank"><!--此行为第v一张轮播图链接 -->
<img class="err-proct" src="http://image.suning.cn/uimg/sop/commodity/179564734788961482677100_x.jpg" width="1920" height="600" border="0" /><!--此行为第v一张轮播图片,src="xxx"我图片地址,注意需要加高度值和宽度值,否则会显现兼容性问题 -->
</a>
</div><!--第v一屏结束 -->

<!--第二屏开始 -->
<div style="margin-left: -465px; position: absolute;">
<a class="hide" style="display: none;" title="套餐2" target="_blank">
<img class="err-proct" src="http://image.suning.cn/uimg/sop/commodity/814010303176257301448220_x.jpg" width="1920" height="600" /> </a>
</div><!--第二屏结束 -->

<!--第三屏开始 -->
<div style="margin-left: -465px; position: absolute;">
<a class="hide" style="display: none;" title="套餐3" target="_blank">
<img class="err-proct" src="http://image.suning.cn/uimg/sop/commodity/154406337136316699812460_x.jpg" width="1920" height="600" /> </a>
</div><!--第三屏结束 -->

</div>
<div class="btn" style="bottom: 10px; right: 50%;"><!--此行决定角标图片的显示位置 -->
<a class="cur" href="#">1</a> <!--第v一屏角标 class="cur" 表示当前状态-->
<a href="#">2</a><!--第二屏角标 -->
<a href="#">3</a><!--第三屏角标 -->

</div>
</div>
</div>

8. 图片宽度是1920,为什么用代码做天猫海报时,不能显示全屏呢

用的是不是全屏代码?

<div style="height:980px;">
<div class="sn-simple-logo" style="left:50%;top:auto;border:none;padding:0;">
<div class="sn-simple-logo" style="left:-960px;top:auto;border:none;padding:0;">
<img src="图片链接" width="1920px" height="980px" border="0" usemap="#Map" />
<map name="Map">
<area style="outline:none;" shape="rect" coords="0,0,1920,980" href="要转入的链接" target="_blank">
</map>
</a>
</div>
</div>
</div>

9. 淘宝全屏海报代码

电脑屏幕不一样所以显示的不一样这是很正常的 全屏是1920的宽度 这个是定下来的 但是全屏的内容你可以旺中专间放点 不要放到太两边 那样就行了 你可以去看看别人家的全属屏海报 都是那样的 至于你说的代码 你按照我说的把图片做好 在网上搜个全屏海报生成 然后放到店里效果自然达到你的需求

阅读全文

与苏宁全屏海报代码相关的资料

热点内容
泰山美国理论 浏览:37
法国电影我在阳光之地电影下载 浏览:769
1080p电影在线免费看 浏览:205
台湾演员陈小珍主演的电影有什么 浏览:282
贵阳2017大数据时间 浏览:889
老司机看的视频网站 浏览:374
香港拍的电锯砍人的电影 浏览:538
尸吻 浏览:974
手机自动删除文件 浏览:411
wordrangetable 浏览:999
好看又出色的影片app 浏览:766
法国啄木鸟系列网盘共享 浏览:644
http上传xls文件 浏览:831
真心求几个微信福利群 浏览:805
ps矩形工具在哪 浏览:681
男男台湾片 浏览:305
可以提前看电影的网站推荐 浏览:420
李彩恩 饰 郑小姐 浏览:732
大娃二楞四猴是什么电影 浏览:811
越南自卫反击战争电影 浏览:524

友情链接