您的位置:首页 > 产品设计 > UI/UE

js xuexi

2015-10-28 23:06 429 查看
今天学了很多东西,感觉有点蒙,这也就验证了一句话”会的不难,难得不会“。那就简单顺一遍今天的内容吧。

首先我们了解了js的一些小应用,就介绍几个我比较会的吧:

改变html图像:会动态地改变 HTML <image> 的来源 (src):

The Light bulb 点击就会改变图片的颜色,例如:

<!DOCTYPE html>

<html>

<body>

<script>

function changeImage()
{element=document.getElementById('myimage')
if (element.src.match("bulbon"))}

{element.src="/i/eg_bulboff.gif";}
else

{element.src="/i/eg_bulbon.gif";}

</script>

<img id="myimage" onclick="changeImage()" src="/i/eg_bulboff.gif">

<p>点击灯泡来点亮或熄灭这盏灯</p>

</body>
</html>

这个可以用来制作灯泡,点一下就关闭或者点亮,非常不错的,有兴趣的话呢,大家可以试一下如果有更简单的方法呢,希望大家多多指教!
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: