web浮动框架简易灯箱画廊设计

<!-- prj_3_1.html  -->
<!doctype html>
<html lang="en"><head><meta charset="UTF-8"><title>简易灯箱画廊设计 </title><style type="text/css">body {text-align: center;}.div1 {width: 900px;height: 500px;margin: 0px auto;text-align: center;background: #33cc99;}h3 {font-size: 24px;color: white;padding: 10px auto;}ul {margin: 0 auto;width: 800px;list-style-type: none;height: 120px;}li {float: left;width: 110px;height: 90px;margin: 5px;}img {border: 0;width: 100px;height: 80px;}a {color: #ffffff;text-decoration: none;}a:link,a:visited,a:active {color: #0033cc;}a:hover {border-bottom: 4px solid #FF0000;}</style>
</head><body><!--插入背景音乐--><embed src="trees/Sleep Away.mp3" autostart="true" loop="true" width="0" height="0"></embed><div class="div1"><h3>简易灯箱画廊设计</h3><hr color="red" size="3"><ul><!--图像作为列表项，且对每个列表项建立超级链接，链接到目标文件为图像，显示在底部iframe页内框架内--><li><a href="trees/t1.jpg" target="iframe">T1<img src="trees/t1.jpg"></a></li><li><a href="trees/t2.jpg" target="iframe">T2<img src="trees/t2.jpg"></a></li><li><a href="trees/t3.jpg" target="iframe">T3<img src="trees/t3.jpg"></a></li><li><a href="trees/t4.jpg" target="iframe">T4<img src="trees/t4.jpg"></a></li><li><a href="trees/t5.jpg" target="iframe">T5<img src="trees/t5.jpg"></a></li></ul><iframe src="trees/t1.jpg" name="iframe" width="500px" height="300px" frameborder="0" <br /></iframe></div>
</body></html>在这里插入代码片

效果图，点上面的小图会在大的框体中显示

web浮动框架简易灯箱画廊设计相关推荐

Web前端：简易灯箱画廊案例设计
题目要求参考代码 <!DOCTYPE html> <html><head><meta charset="utf-8"><ti ...
简易灯箱画廊设计html,原生Js实现的画廊功能
原生Js实现画廊功能,点击图片,在下方出现相应放大图片.给a标签绑定onclick点击事件.这里上方的小图和下方将要展示大图,都是同一张图片,只是上下两个img的style中设置了不同的width和h ...
项目1 设计简易灯箱画廊实训要求：（1）利用超链接和图像标记设计简易灯箱画廊。（2）给简易灯箱画廊增加背景音乐效果。
html5 项目1 设计简易灯箱画廊实训要求: (1)利用超链接和图像标记设计简易灯箱画廊. (2)给简易灯箱画廊增加背景音乐效果.`` 知识点 (1)超链接标记 <a href=" ...
自动化用例设计原则+web自动化框架
自动化用例设计原则 web自动化框架 PO模式就是页面对象和测试用例的分离. PageObjects放页面对象,封装元素定位和元素操作(也可以单独把元素定位放到PageLocators层) basep ...
原型设计如何直接生成html,使用原型设计工具 Axure RP创建一个web页面框架
前言什么是原型呢? 原型设计是交互设计师与PD.PM.网站开发工程师沟通的最好工具.而该块的设计在原则上必须是交互设计师的产物,交互设计以用户为中心的理念会贯穿整个产品.利用交互设计师专业的眼光与经 ...
java web权限框架_Java Web通用用户权限管理框架设计与实现
2014年第 3期计算机与现代化 JISUANJI YU XIANDAIHUA 总第 223期文章编号 :1006-2475(2014)03-0177-03 Java Web通用用户权 ...
专刊文章 - Web UI框架引领J2EE新开发模式(代码生成器+手工merge半智能开发)
前言:随着WEB UI框架(EasyUI/Jquery UI/ExtJS/DWZ)等的逐渐成熟,系统界面逐渐实现统一化,代码生成器也可以生成统一规范的界面!代码生成+手工MERGE半智能开发将是新的趋 ...
web开源框架大汇总
博客地址:http://blog.csdn.net/chow__zh/article/details/51194817 Struts 项目简介信息 Struts是一个基于Sun J2EE平台的MVC框 ...
云原生Web服务框架ESA Restlight
云原生Web服务框架ESA Restlight ESA Stack(Elastic Service Architecture) 是OPPO云计算中心孵化的技术品牌,致力于微服务相关技术栈,帮助用户快速 ...

web浮动框架简易灯箱画廊设计

web浮动框架简易灯箱画廊设计相关推荐

最新文章

热门文章

web浮动框架 简易灯箱画廊设计

web浮动框架 简易灯箱画廊设计相关推荐

最新文章

热门文章

web浮动框架简易灯箱画廊设计

web浮动框架简易灯箱画廊设计相关推荐