中插入图片以及跑马灯 - 秒客网

【HTML】 向网页中插入图片以及跑马灯

时间：2023-12-25 09:07:55
<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<style type="text/css">

</style>

<title> 欢迎来到我的主页界面</title>

<!--引入图片-->

<link href="images/titleIcon.ico" rel="SHORTCUT ICON" />

<!--在标题中实现跑马灯的效果-->

<script type="text/javascript" src="js/jquery.js"></script>

<script type="text/javascript">

$(function(){

    var title=$("title").html();

    var temptitle=title;

    var length=title.length;

    setInterval(function(){

        temptitle=temptitle.concat(temptitle.charAt(0));

        length=temptitle.length;

        temptitle=temptitle.substring(1,length);

        $("title").html(temptitle);

    }, 500);

});

</script>

</head>

<body>

</body>

</html>

参考文章：http://blog.csdn.net/zhuyu19911016520/article/details/44080481

相关文章