JS基础教程学习笔记（1）

最新推荐文章于 2024-02-21 15:13:13 发布

Phoebe_Perry

最新推荐文章于 2024-02-21 15:13:13 发布

阅读量237

点赞数

分类专栏： JS笔记

本文链接：https://blog.csdn.net/Phoebe_Perry/article/details/50614193

版权

JS笔记专栏收录该内容

1 篇文章 0 订阅

订阅专栏

很多基础知识忘记了，比如说如何引入外部CSS、JS文件

<link rel="stylesheet" type="text/css" href="mystyle.css" />
<script src="myScript.js"></script>

JS基础教程中4.5——多个链接触发一个翻转器

function rolloverInit() {
    for (var i=0; i<document.links.length;i++) {
    var linkObj = document.links[i];
    if (linkObj.className) {
        var imgObj = document.getElementById(linkObj.className); //触发翻转器后图片id发生变化，所以只能用class取
        if (imgObj) {
        setupRollover(linkObj,imgObj); }
        }
    }
}
function setupRollover(thisLink,textImage) {
    thisLink.imgToChange = textImage; 
    thisLink.onmouseout = function() {
        this.imgToChange.src = this.outImage.src; 
        }
    thisLink.onmouseover = function() {
        this.imgToChange.src = this.overImage.src;
        }
    thisLink.outImage = new Image();
    thisLink.outImage.src = textImage.src;
    thisLink.overImage = new Image();
    thisLink.overImage.src = "images/" +thisLink.id + "Text.gif"; 
}