js xuexi
2015-10-28 23:06
429 查看
今天学了很多东西,感觉有点蒙,这也就验证了一句话”会的不难,难得不会“。那就简单顺一遍今天的内容吧。
首先我们了解了js的一些小应用,就介绍几个我比较会的吧:
<!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>
这个可以用来制作灯泡,点一下就关闭或者点亮,非常不错的,有兴趣的话呢,大家可以试一下如果有更简单的方法呢,希望大家多多指教!
首先我们了解了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>
这个可以用来制作灯泡,点一下就关闭或者点亮,非常不错的,有兴趣的话呢,大家可以试一下如果有更简单的方法呢,希望大家多多指教!
相关文章推荐
- iOS开发中常用的分类方法---UIImage+Category
- IOS--之UIWindow(窗口)、UIView(视图)
- UIautomator中的UiDevice相关的方法知识点
- hdu1711Number Sequence(KMP)
- UIView中常见的方法总结
- lightoj Again Array Queries
- Android开发UI之给ImageView添加蒙版
- Proving Equivalences(加多少边使其强联通)
- 【iOS】UIImage 等比率缩放
- 解决方案--duilib中禁止一个窗口双击最大化
- 解决方案--duilib中禁止一个窗口双击最大化
- hdu 4632 Palindrome subsequence(dp)
- leetcode笔记:Unique Paths
- 【UI】android如何绘制一个饼图
- iOS中UIView翻转效果实现
- 利用UIScrollView实现展示图片的无限滚动及自动滚动
- ios开发之UIView的frame、bounds跟center属性的区别(附图)
- UIAlertController 警告框
- 浅析UITableViewCell重用机制
- java Vamei快速教程20 GUI