首页的全屏灯箱效果是怎么写出来的

首页的全屏灯箱效果是怎么写出来的,第1张

不要看到华丽效果就以为html5 css3(在我看来这个效果也不华丽)。html4+css2用好了足以颠覆你对html的认识。你看到的这个是一个居中的div(A),它用了一张图片做背景居中div的父元素(B)是100%宽的,它的背景是一张平铺的图片。B的背景色和A的背景图片边缘颜色一致,看上去是一张图片。图片切换的淡入淡出,动态改变透明度罢了,jQuery的fadeIn fadeOut即可实现。

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title></title>

</head>

<body>

<h1 align="center" style="color: red">用户留言簿</h1>

<hr color="red" />

<form action="baidu.html" method="post">

<table border="1" cellspacing="0" bordercolor="black" align="center" width="700px" height="300px" style="color: blue">

<tr>

<td width="100" height="50">用 户 名:</td>

<td><input type="text" name="name" /></td>

<td>密 码:</td>

<td><input type="password" name="pwd" /></td>

</tr>

<tr>

<td width="100" height="50">电子信箱:</td>

<td><input type="text" name="email" /></td>

<td>民 族:</td>

<td>

<select name="名族">

<option value="汉族" selected="selected">汉族</option>

<option value="少数名族">少数民族</option>

</select>

</td>

</tr>

<tr>

<td width="100" height="50">性 别:</td>

<td><input type="text" name="sex" />

<input type="radio" name="sex" value="男" checked="checked" />

<input type="radio" name="sex" value="女" />

</td>

<td>爱 好</td>

<td>

<input type="checkbox" name="lanqiu" value="aihao" />篮球

<input type="checkbox" name="zuqiu" value="aihao" />足球

<input type="checkbox" name="paiqiu" value="aihao" />排球

<input type="checkbox" name="qita" value="aihao" />其它

</td>

</tr>

<tr>

<td width="100" height="100">留 言:</td>

<td colspan="4">

<textarea name="liuyan" rows="5" cols="50">请多多指教</textarea>

</td>

</tr>

<tr>

<td height="50" colspan="5" align="center">

<input type="submit" value="确定" />

<input type="reset" value="重写" />

</td>

</tr>

</table>

</form>

</body>

</html>

学习PHP程序开发是一个循序渐进的过程,PHP学习是容易的,浅显易懂,不过IT技术是需要用心的推敲和持续实践的。

零基础的想学好PHP不用担心,下面IT培训http://www.kmbdqn.cn/讲讲PHP的学习路线和建议。

一、学习PHP程序开发先要了解HTML/CSS/JS、网页基本元素,做到可自己制作容易的网页,了解元素属性。

网站是由网页构成的,如果想制作网站,要先学习做网页,学会静态网页的制作技术是学习开发网站的先决条件。

因此要学习HTML,为以后制作网站打基础。

学习HTML要边学边实践所有元素,清楚各元素起什么作用后,便会深刻记忆。

二、学习PHP程序开发解析动态语言概念及运做机制,了解基础PHP语法。

当能够独立完成静态页面,就可以着手了解动态语言,起初会有众多不解,学习运用专用的语法结构就能让任何的解析器工作了。

三、学习PHP程序开发研究怎样使PHP、HTML结合,实现简易动态页面。

弄明白HTML和PHP的概念。

四、学习PHP程序开发接触学习MySQL,开始设计数据库

MySQL是PHP的伴侣,要战胜这个数据库,领会数据库的概念后,要试着先用PHP来衔接数据库,再用PHP成功的插入,删除和更新数据。

五、学习PHP程序开发连续加强PHP语法,了解PHP常用的函数,清楚面向对象编程,MySQL优化和一些模板、结构。

试着做个简单的留言本。

如果能够把表单的数据插入数据库后展现出来,那么一个程序的幼形就降生了。

不过,还需再加强知识,掌握PHP和MySQL开发的方法后,回顾留言本,或许会心中存疑那不是你写的!此时,要整理下留言本,加入注册和分页的功能,加强UI。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7120578.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-01
下一篇 2023-04-01

发表评论

登录后才能评论

评论列表(0条)

保存