1.解压 “AppServe安装及测试.rar” 文件。
2.双击 “appserv-x64-9.3.0.exe” 文件。
3.点击 “Next(下一步)”。
4.同意服务条款。
5.填写安装路径。可以点击 “Browse…” 预览安装位置。
6.全选复选框,进行下一步。
7.基本信息填写。建议更改端口号,可以增加数据库的安全性。
8.填写数据库密码,并且把编码方式调为 “ UTF-8 Unicode ”。
9.同时开启 “Apache” 和 “MySQL”。点击 “Install(完成)”。
安装完成
1.打开浏览器,在网址栏 输入 “ http://localhost ”(安装时未更改端口号) http://localhost(等同于 http://localhost/80)
作者的端口号是 “ 8080 ” ,所以在地址栏 输入的是 “ http://localhost:8080/ ”
网址栏输入 **http://localhost:** + 安装时的**端口号**
2.点击 “ phpMyAdmin Database Manager Version 4.9.1 ” 上图已经标出位置。
3.填写安装时的密码。 用户名均为系统默认 “ root ”
4.phpAyAdmin数据库页面。
1、拷贝出 **" ...\AppServ\www "** 目录下的 **“ index.php ”** 和 **“ phpinfo.php ”**文件。 2、后期想进入数据库 **http://localhost: + 端口号 + /phpmyadmin** 。
作者路径为: http://localhost:8080/phpmyadmin
1,解压 “ DirectX Repair(V3.9.6特别版).rar ” 文件。
2.双击打开 “ DirectX Repair.exe ” 程序。
3.运行程序,修复文件。
4.当所有文件全部修复后,重新安装(具体步骤,详见 1.安装教程 )
5.解决软件使用问题或不问C++文件修复不成功。
该软件使用问题,请阅读 DirectX Repair(V3.9.6特别版) 中的 测试版使用说明.txt 。
点击执行创建 表
点击保存 完成字段创建
1.HTML
代码
<div id="carousel"> <ul> <li><img src="image/index/t_1.jpg"></li> <li><img src="image/index/t_2.jpg"></li> <li><img src="image/index/t_3.jpg"></li> <li><img src="image/index/t_4.jpg"></li> <li><img src="image/index/t_5.jpg"></li> <li><img src="image/index/t_6.jpg"></li> <li><img src="image/index/t_7.jpg"></li> </ul> </div>
2. css
样式代码。
/*轮播图*/ <style type="text/css"> #carousel{ width: 301px; overflow: hidden; /* 超出隐藏 */ margin: 10px auto 0; } #carousel > ul { display: flex; /* 图片处理为一行 */ position: relative; } #carousel > ul, #carousel > ul > li{ padding: 0; margin: 0; list-style:none; } #carousel > ul{ animation: tory 10.5s linear 0.5s infinite alternate; /* 设定动画播放 */ /*animation-name: move;动画名称 animation-duration: 10s; 持续时间 animation-iteration-count:3 ; 动画执行次数 无数次:infinite animation-direction: alternate;动画方向 normal 正常,alternate 反向 animation-delay: 1s;动画延迟 animation-fill-mode: forwards;设置动画结束后盒子的状态 forwards:动画结束后的状态 backwards:保持动画开始前的状态 animation-timing-function: steps(3);运动曲线 linear线性 ease减速 ease-in 加速 ease-in-out先加速后减速 帧动画 steps()*/ } #carousel > ul:hover{ animation-play-state: paused; /* 暂停动画 */ } @keyframes tory{ /* 制定动画规则 */ 0%,8%{ left: 0; } 15%,22%{ left: -301px; } 29%,36%{ left: -602px; } 43%,50% { left: -903px; } 57%,64%{ left: -1204px; } 71%,85%{ left: -1505px; } 91%,100%{ left: -1806px; } } </style>
链接: https://download.csdn.net/download/qq_45711481/19410686.
链接: https://download.csdn.net/download/qq_45711481/19410571.