html界面的设计开发

最新推荐文章于 2024-06-04 13:04:19 发布

丹心情伤

最新推荐文章于 2024-06-04 13:04:19 发布

阅读量909

点赞数 1

分类专栏： Web开发文章标签： html css 界面

本文链接：https://blog.csdn.net/qq_30401659/article/details/76020512

版权

Web开发专栏收录该内容

11 篇文章 0 订阅

订阅专栏

<!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>

丹心情伤

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
html界面的设计开发

Demoh5{ height:50px; text-align:center} 需要滚动的文字，需要滚动的文字，也可以程序代码，也可以是图片。图片文字垂直居中车牌号 | function a(callback){ alert("主函数执行完了！"); callback();
复制链接

扫一扫

专栏目录