html电影图片展示_任何使用HTML制作以图片展示为主的网站求指导

A. 关于图片展示代码

文件名：a.html
------------------------------------------------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>tableFrame_simple</title>
<style type="text/css">
body{
width:auto;
height:auto;
padding:0;
margin:10px 0;
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
ul{
clear:both;
padding:0;
margin:0;
list-style:none;
}
#tableFrame{
width:875px; /*需要修改*/
height:auto;
border-top:#000 1px solid;
border-left:#000 1px solid;
padding:0;
margin:0 auto;
font-size:12px;
}
#tableFrame:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
li{
float:left;
display: block;
width:110px; /*需要修改*/
height:auto;
padding:2px;
margin:0;
border-right:#000 1px solid;
border-bottom:#000 1px solid;
line-height:16px;
color:000;
}

/* 表格内容*/
#tableCase ul{align-text:center}
#tableCase ul li{align-text:center}

/* 单个表格特定样式*/
.tableCaseOne{cursor: hand;}
.tableCaseTwo{cursor:hand;}
.tableCaseThree{color:#329A02;cursor:hand;}
.tableCaseFour{cursor:hand;}
.tableCaseFive{color:#f00;cursor: hand;}
.tableCaseSix{cursor: hand;}
.tableCaseSeven{color:#f00;cursor: hand;}
</style>
</head>

<body>
<div id="tableFrame">

<div id="tableCase">

<h3 align="center">这里是标题</h3>
<ul>


<li onclick="window.open('b.html')"><img src="https://gss0.bdstatic.com/70cFsjip0QIZ8tyhnq/img/logo-.gif" class="tableCaseOne" border="0" width="100" height="120"></li>

</ul>
</div>
</div>
</body>
</html>
------------------------------------------------------------
b.html
------------------------------------------------------------
你自己的页面代码，只不过在要图片滚动的地方加上
<marquee direction="left" width="200" height="100" loop="-1" scrollamount="1">
<img src="https://gss0.bdstatic.com/70cFsjip0QIZ8tyhnq/img/logo-.gif" border="0" />
<img src="https://gss0.bdstatic.com/70cFsjip0QIZ8tyhnq/img/logo-.gif" border="0" />
</marquee>

B. HTML的显示图片代码！！！

你想单文件显示展示多张image吧。
可以考虑用location.hash来配合js来完成。
比如index.html#imgpath=/images/Playground/Archbridge/archbridge.jpg
在输出img标签的时候读取hash里面就数据就ok了

C. HTML中，怎么让视频在没有播放的时候显示视频的缩略图

写一个最外框div,然后把这个div设置图片背景。就可以实现了，不过flash最好设置透明。

(3)html电影图片展示扩展阅读：

“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。超文本标记语言的结构包括“头”部分（英语：Head）、和“主体”部分（英语：Body），其中“头”部提供关于网页的信息，“主体”部分提供网页的具体内容。
超级文本标记语言是标准通用标记语言下的一个应用，也是一种规范，一种标准，它通过标记符号来标记要显示的网页中的各个部分。
网页文件本身是一种文本文件，通过在文本文件中添加标记符，可以告诉浏览器如何显示其中的内容（如：文字如何处理，画面如何安排，图片如何显示等）。

D. 如何在html中显示图片（用img）具体一点，急要，有没有大佬知道啊

定义和用法
<img src="/i/eg_tulip.jpg" alt="上海鲜花港 - 郁金香" />
img 元素向网页中嵌入一幅图像。
请注意，从技术上讲，<img> 标签并不会在网页中插入图像，而是从网页上链接图像。<img> 标签创建的是被引用图像的占位空间。
<img> 标签有两个必需的属性：src 属性和 alt 属性。
alt 规定图像的替代文本。
src 规定显示图像的 URL。

E. html视频怎么让视频播放结束后显示指定图片

video有个事件

onended播放结束时候触发

<!DOCTYPEHTML>
<html>
<body>

<videosrc="/i/movie.ogg"controls="controls"onended="showImg()">

</video>

</body>
<script>
functionshowImg(){
alert('showImg');
}
</script>
</html>

F. html怎么在页面上显示图片

直接放一个<img> 标签就行了。格式为<img src="你的图片路径" />，步骤如下：

1、添加<img> 标签，资源“src”里面填写本地图片的路径名：

img标签定义及使用说明:

<img> 标签定义 HTML 页面中的图像。

<img> 标签有两个必需的属性：src 和 alt。

注释：从技术上讲，图像并不会插入 HTML 页面中，而是链接到 HTML 页面上。<img> 标签的作用是为被引用的图像创建占位符。

提示：通过在 <a> 标签中嵌套 <img> 标签，给图像添加到另一个文档的链接。

(6)html电影图片展示扩展阅读：

HTML：超文本标记语言，标准通用标记语言下的一个应用。

“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。

超文本标记语言的结构包括“头”部分（英语：Head）、和“主体”部分（英语：Body），其中“头”部提供关于网页的信息，“主体”部分提供网页的具体内容。

网络-HTML

G. 求javascript的图片展示特效

我空间有，给你找下！
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>insert </title>

<script language="javascript">
var arr=new Array("img1.jpeg","img2.jpeg","img3.jpeg","img4.jpeg","img5.jpeg","img6.jpeg","img7.jpeg","img8.jpeg","img9.jpeg","img10.jpeg");
var arr1=new Array("img9.jpeg","img1.jpeg","img2.jpeg","img3.jpeg","img4.jpeg","img5.jpeg","img6.jpeg","img7.jpeg","img8.jpeg");
var length=9;
var len=arr.length;
var newarr=new Array();
function roll(){
//var len=arr.length;
if(newarr.length==0){
}else{
arr=newarr;
}
for(var i=0;i<length;i++){
var div=document.getElementById("div"+(i+1));
if(i==0){
div.innerHTML="<img style='width:20px;height:80px'src='"+arr[i+1]+"' onclick=''/>";
}else if(i==1||i==length-2){
div.innerHTML="<img style='width:40px;height:80px'src='"+arr[i+1]+"' onclick=''/>";
}else if(i==2||i==length-3){
div.innerHTML="<img style='width:60px;height:80px'src='"+arr[i+1]+"' onclick=''/>";
}else if(i!=length-1){
div.innerHTML="<img style='width:80px;height:80px'src='"+arr[i+1]+"' onclick=''/>";
}else{
div.innerHTML="<img style='width:20px;height:80px'src='"+arr[0]+"' onclick=''/>";
}
}
var temp=arr[0];
//alert(temp);
arr.shift();
newarr=arr;
//alert(newarr.length);
newarr[len-1]=temp;
//alert(newarr.length);
/*for(var i=0;i<newarr.length;i++){
alert(newarr[i]);
}*/
}
function rollBack(){
//var len=arr.length;
if(newarr.length==0){
}else{
arr=newarr;
}
for(var i=0;i<length;i++){
var div=document.getElementById("div"+(i+1));
if(i==0){
div.innerHTML="<img style='width:20px;height:80px'src='"+arr[len-1]+"' onclick=''/>";
}else if(i==1||i==length-2){
div.innerHTML="<img style='width:40px;height:80px'src='"+arr[i-1]+"' onclick=''/>";
}else if(i==2||i==length-3){
div.innerHTML="<img style='width:60px;height:80px'src='"+arr[i-1]+"' onclick=''/>";
}else if(i!=length-1){
div.innerHTML="<img style='width:80px;height:80px'src='"+arr[i-1]+"' onclick=''/>";
}else if(i==length-1){
div.innerHTML="<img style='width:20px;height:80px'src='"+arr[i-1]+"' onclick=''/>";
}
}
var temp=arr[len-1];
//alert(temp);
arr.pop();
arr.reverse();
arr[len-1]=temp;
newarr=arr.reverse();
/*for(var i=0;i<newarr.length;i++){
alert(newarr[i]);
}*/
}
</script>
<body>
<table>
<tr>
<td><div id="div1"><img style="width:20px;height:80px"src="img1.jpeg" onclick=""/></div><td>
<td><div id="div2"><img style="width:40px;height:80px"src="img2.jpeg" onclick=""/></div><td>
<td><div id="div3"><img style="width:60px;height:80px"src="img3.jpeg" onclick=""/></div><td>
<td><div id="div4"><img style="width:80px;height:80px"src="img4.jpeg" onclick=""/></div><td>
<td><div id="div5"><img style="width:80px;height:80px"src="img5.jpeg" onclick=""/></div><td>
<td><div id="div6"><img style="width:80px;height:80px"src="img6.jpeg" onclick=""/></div><td>
<td><div id="div7"><img style="width:60px;height:80px"src="img7.jpeg" onclick=""/></div><td>
<td><div id="div8"><img style="width:40px;height:80px"src="img8.jpeg" onclick=""/></div><td>
<td><div id="div9"><img style="width:20px;height:80px"src="img9.jpeg" onclick=""/></div><td>
</tr>
<tr>
<td colspan="4" align="left"><input type="button"value="next" onclick="roll()"/></td>
<td colspan="5"align="right"><input type="button"value="previous" onclick="rollBack()"/></td>
<tr>
</table>
</body>
</html>

图片你自己替换下！

H. html中，如何动态显示几个图片，就是从左到右依次显示5张图片

1、新建一个html文件，命名为test.html，在test.html文件内，使用img标签创建一张图片，图片是images文件夹下面的1.jpg。

I. html里面如果想要把全屏幻灯片展示图片效果只显示一部分怎么改代码

一般幻灯片尺寸上会有三个属性，找到这三个属性，改成你对应的即可。

幻灯片展示区域宽高
幻灯片图片宽高（一般与展示区域相同宽高）
幻灯片轮播效果宽高（比如轮播需要移动多少像素，一般是跟展示区域相同）

如果楼主能提供代码，我想我会直接的帮助到你。

J. 任何使用HTML制作以图片展示为主的网站。求指导

qq空间那种是动态页面的效果，而html只是静态页面无法实现那种效果，但可以在html中嵌入框架以达到那种效果，不过做起来有些复杂。你就做那种一个页面放一张图片和文字说明，再加上一个连接跳到另一个页面的就行了。

导航:首页 > 音乐图片 > html电影图片展示

html电影图片展示

与html电影图片展示相关的资料