学生网站模板：旅游出行网站设计——旅游网设计(15页) HTML+CSS+JavaScript 学生DW网页设计作业成品 学生旅游网站模板
2024-04-23 02:25:58
HTML5期末大作业
文章目录
- HTML5期末大作业
- 一、作品展示
- 二、文件目录
- 三、代码实现
- 四、获取更多源码
一、作品展示
二、文件目录
三、代码实现
<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><link type="text/css" rel="stylesheet" href="css/style.css"><link rel="stylesheet" type="text/css" href="css/menu.css"><title>Document</title>
</head><body><!-- 顶部 --><header><div><img src="images/channelLogo_go_2.png"><a href="http://www.huanqiu.com" class="huanqiu">环球网</a><a href="register.html" class="sign">注册</a><a href="login.html" class="login">登录</a></div></header><!-- 导航栏 --><div class="mod"><div class="main22"><ul><li><a class="shouye" href="index.html">首页</a></li><li><a href="出游.html">出游</a></li><li><a href="">环游号</a></li><li><a href="旅游视觉.html">旅游视觉</a></li><li><a href="爱这城.html">爱这城</a></li><li><a href="特色小镇.html">特色小镇</a></li><li><a href="传统村落.html">传统村落</a></li><li><a href="攻略.html">攻略</a></li><li><a href="房车.html">房车</a></li></ul><div class="nav_mid_right"><form action="" method="post"><input type="text" class="search_text" /></form></div></div></div><div class="cover"><div id="julvSlideshow"><ul id="showUl"><li><img src="images/cover_05.jpg"></li><li><img src="images/cover_01.png"></li><li><img src="images/cover_02.jpg"></li><li><img src="images/cover_03.jpg"></li><li><img src="images/cover_04.jpg"></li><li><img src="images/cover_05.jpg"></li></ul> <div id="arrow1"><</div><div id="arrow2">></div> <ul id="showUllist"><li><a class="active" href="#"></a></li><li><a href="#"></a></li><li><a href="#"></a></li><li><a href="#"></a></li></ul></div></div>
<script>
//轮播图效果var num = 0;function G(id){return document.getElementById(id)}arrA = G("showUllist").getElementsByTagName('a')G("arrow2").onclick = function(){if(num<3){num = num + 1;}else{num = 0;}console.log(num)var ml = num * -1000 + "px";G("showUl").style.marginLeft = ml;for(var i = 0;i < arrA.length;i++){arrA[i].style.backgroundColor = "#1270d8";}arrA[num].style.backgroundColor = "red";}G("arrow1").onclick = function(){if(num>0){num = num - 1;}else{num = 3;}console.log(num);var ml1 = num * -1000 + "px";G("showUl").style.marginLeft = ml1;for(var i = 0;i < arrA.length;i++){arrA[i].style.backgroundColor = "#1270d8";}arrA[num].style.backgroundColor = "red";}for(var i = 0;i < arrA.length;i++){arrA[i].index = i;arrA[i].onclick = function(){var ind = this.index;num = ind;var ml3 = num * -1000 + "px";G("showUl").style.marginLeft = ml3;<img class="img" src="http://t11.baidu.com/it/u=3293615275,3501984461&fm=76"><div class="heikuang">测试你多重人格</div></div><div class="content"><img class="img"src="https://paimgcdn.baidu.com/huitu/v.B1A1DD43AC5ECEF35C2B09471EEF45E6?enc=gbk&img=http%3A%2F%2Fms.bdimg.com%2Fdsp-image%2Ft11.baidu.com%2Fit%2Fu%3D759311479%2C3852178776%26fm%3D76&tpl=sbb%2Fhuitu%2F2734_0.zip&second=%C9%CF%F1%AB%A3%A1%B8%F9%B1%BE%CD%A3%B2%BB%CF%C2%C0%B4%A3%A1&_rz=700x394&first=%B2%E9%BF%B4%CF%EA%C7%E9"><div class="heikuang">灭神</div></div><div class="content"><img class="img" src="http://t10.baidu.com/it/u=2793385842,2693122789&fm=76"><div class="heikuang">Phthon招聘</div></div><div class="content"><img class="img" src="http://t10.baidu.com/it/u=163794735,2023436622&fm=76"><div class="heikuang">民宿短租</div></div><div class="content"><img class="img" src="http://f11.baidu.com/it/u=656305057,3808546603&fm=76"><div class="heikuang">一套vi设计</div></div><div class="content"><img class="img" src="http://t11.baidu.com/it/u=4223602408,1477843916&fm=76"><div class="heikuang">办公室装修</div></div><div class="content"><img class="img" src="http://t12.baidu.com/it/u=1825496240,415754158&fm=76"><div class="heikuang">网站建设</div></div></div></div></div><IFRAME width=100% SRC="底部.html" scrolling="no" frameborder="no"></IFRAME></body></html>四、获取更多源码
~ 关注我，点赞博文~ 每天带你涨知识
学生网站模板：旅游出行网站设计——旅游网设计(15页) HTML+CSS+JavaScript 学生DW网页设计作业成品 学生旅游网站模板相关推荐
- HTML5期末大作业：网购网站设计——品优购(4页) HTML+CSS+JavaScript 大学生网购网页设计模板代码 学生简单购物网站设计成品
HTML5期末大作业:网购网站设计--品优购(4页) HTML+CSS+JavaScript 大学生网购网页设计模板代码 学生简单购物网站设计成品 常见网页设计作业题材有 个人. 美食. 公司. 学校 ...
- HTML5期末大作业：我的家乡——长治(8页) HTML+CSS+JavaScript 大学生DW网页设计作业成品 学生HTML个人网页作业作品下载 学生家乡网页设计模板下载
HTML5期末大作业:我的家乡--长治(8页) HTML+CSS+JavaScript 大学生DW网页设计作业成品 web课程设计网页规划与设计 计算机毕设网页设计源码 常见网页设计作业题材有 个人. ...
- HTML5期末大作业：餐饮美食网站设计——上海美食介绍(6页) HTML+CSS+JavaScript HTML毕设网页设计 web学生网页设计作业源码
HTML5期末大作业:餐饮美食网站设计--上海美食介绍(8页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计 web学生网页设计作业源码 常见网页设计 ...
- HTML5期末大作业：关于餐饮美食网站设计——香港美食介绍(8页) HTML+CSS+JavaScript 大学生毕设网页设计源码HTML 实训大作业HTML
HTML5期末大作业:关于餐饮美食网站设计--香港美食介绍(8页) HTML+CSS+JavaScript 期末作业HTML代码 学生网页课程设计期末作业下载 web网页设计制作成品 大学生毕设网页设 ...
- 静态HTML网页设计作品——蛋糕甜品(4页) HTML+CSS+JavaScript 美食甜品网页设计`零食小吃成品网页`生鲜水果
网页作品技术:Div+CSS.鼠标滑过特效.Table.导航栏效果.banner.表单.二级三级页面等,视频. 音频元素 .Flash,同时设计了logo(源文件),基本期末作业所需的知识点全覆盖. ...
- HTML5期末大作业：品优购网站设计——品优购 (3页) HTML+CSS+JavaScript 大学生网购网页作品商城网页设计作业模板 学生网页制作源代码下载
HTML5期末大作业:品优购网站设计--品优购 (3页) HTML+CSS+JavaScript 大学生网购网页作品商城网页设计作业模板 学生网页制作源代码下载 常见网页设计作业题材有 个人. 美食. ...
- HTML5期末大作业：影视在线网站设计——电影网H5(9页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计 计算机毕设网页设计源码
HTML5期末大作业:影视在线网站设计--电影网H5(9页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计 计算机毕设网页设计源码 常见网页设计作业题 ...
- HTML5期末大作业：美食餐饮网站设计——美食餐饮管理(8页) HTML+CSS+JavaScript 美食餐饮商品设计 食物海鲜网页
HTML5期末大作业:美食餐饮网站设计--美食餐饮管理(8页) HTML+CSS+JavaScript 美食餐饮商品设计 食物海鲜网页 作品介绍 1.网页作品简介 :HTML期末大学生网页设计作业 A ...
- HTML5期末大作业：水果商城网站设计——蔬菜水果商城(10页) HTML+CSS+JavaScript 学html网页制作期末大作业成品_网页设计期末作业
HTML5期末大作业:水果商城网站设计--蔬菜水果商城(10页) HTML+CSS+JavaScript 学html网页制作期末大作业成品_网页设计期末作业 常见网页设计作业题材有 个人. 美食. 公 ...
- HTML5期末大作业：蛋糕甜品网站设计——蛋糕甜品(4页) HTML+CSS+JavaScript 美食甜品网页设计`零食小吃成品网页`生鲜水果
HTML5期末大作业:蛋糕甜品网站设计--蛋糕甜品(4页) HTML+CSS+JavaScript 美食甜品网页设计零食小吃成品网页生鲜水果 常见网页设计作业题材有 个人. 美食. 公司. 学校. 旅 ...
最新文章
- WAIC 2021 | 中国惠普周信宏：AI基础设施——边缘计算演进及趋势
- native react 集成微信登录_react native 接入微信登陆（Android）
- Linux 下使用openSSL 生成RSA密钥对
- jdk新版本没有appletviewer_明日方舟：你“老婆们”有没有进公招？新版本Tag大公开...
- Linux tee的花式用法和pee
- fscanf读出来的数字不正确_听了那么多数字英文儿歌，这位牛妈的做法却最能引导孩子输出！...
- Flask-Uploads文件上传的简单使用
- AB PLC和ESD维护及灯的含义
- python爬房源信息_Python爬虫-爬取300个短租网房源信息
- Blk read/s Blk wrtn/s Blk read Blk wrtn分别代表什么意思
- 软件观念革命:交互设计精髓_UI设计师、交互设计师、产品经理必备软件技能之Sketch...
- 编程中的源代码是什么?
- Android - xml动画，识别手势动作，代码抽取，获取手机SIM卡串号，获取联系人数据，开机广播，发送/解析短信，报警音乐
- Windows操作系统查看电脑开关机记录
- 4、ExtJs——Ext.window.Window
- 解决 Error: spawn xdg-open ENOENT
- 渗透测试-LDAP目录服务攻击
- python可以数独游戏吗_Python小实验——数独游戏
- java仿qq_「java qq」仿QQ聊天软件java实现（一） - seo实验室
- ORACLE: LPAD 和 RPAD（左填充 右填充）