<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Demo</title>
<style>
h5{
height:50px;
text-align:center
}
</style>
</head>
<body>
<div>
<marquee id="affiche" align="left" behavior="scroll" bgcolor="#cecece" direction="left" style="display:table-cell;vertical-align:middle;" height="50" width="100" loop="-1" scrollamount="8" scrolldelay="100" onMouseOut="this.start()" onMouseOver="this.stop()">
需要滚动的文字,需要滚动的文字,也可以程序代码,也可以是图片。
</marquee >
</div>
<div style="background-color:gray;display:table-cell;vertical-align:middle;width:300px;height:100px;">
<div style="float:left;">
<img src="kefu-iconfont.png"/>
</div>
<div style="float:left;padding:5px">图片文字垂直居中</div>
</div>
<div style="width:300px;height:20px;border:1px solid #CECECE;padding:5px;line-height:20px;">
<div style="float:left;font-size:16px;">车牌号 | </div>
<div style="float:left;"><input style="border:0 transparent;font-size:16px;width:100%;" type="text" id="input"/></div>
</div>
</body>
<script type="text/javascript">
function a(callback){
alert("主函数执行完了!");
callback();
}
function b(){
alert("回调函数b!");
}
function c(){
alert("回调函数c!");
}
// callback函数以参数形式传递,保证变量的灵活性
a(b);
a(c);
</script>
</html>
html界面的设计开发
最新推荐文章于 2024-07-25 11:26:35 发布