网页前端 网页换肤(js)
2015-07-18 12:41
211 查看
网页换肤原理:需要准备不同的肤色的css的样式表,
涉及到:
点击事件(onclick)
onclick= “onmouseover”、……move、……out这些方法。
这些方法方别是鼠标的不同的操作方。
id属性,所有的都可以有id属性。
所以:要求准备:
1、需要哪些样式,点击之后会改变href
2、需要的属性添加事件,切换
js
fucntion 是函数的关键字
·js中的函数赋值:可以匿名函数和之间赋值函数
window.onload()
这个是加载网页的方法,我们是可以通过写这个方法,才会调用下面的属性,因为,js的原因是一行一行的代码进行执行的。
所以要先将页面的所有对象或者属性加载了之后才可以使用。
所以这个方法在页面上会经常用到 。
document.getElementById()这个方法来获取相关的网页属性,也就是通过Id这个属性两获取的,通过方法的名称我们就可以知道了这个方法的含义。
属性 操作:
1、obj.style.display = @”block”;对块进行操作
2、赋值
3、引用样式,id都会是名称一致
(特殊:class 在引用的时候为className)
obj.className = “类的样式”;
附加:
sublime中:
快捷键:
ctrl+Y 和ctrl+z的使用,他们朝着相反的方向显示效果。
总结:这些前端的知识点和ios中的UI几乎是一样的,没有太大的区别。
涉及到:
点击事件(onclick)
onclick= “onmouseover”、……move、……out这些方法。
这些方法方别是鼠标的不同的操作方。
id属性,所有的都可以有id属性。
所以:要求准备:
1、需要哪些样式,点击之后会改变href
2、需要的属性添加事件,切换
js
fucntion 是函数的关键字
·js中的函数赋值:可以匿名函数和之间赋值函数
window.onload()
这个是加载网页的方法,我们是可以通过写这个方法,才会调用下面的属性,因为,js的原因是一行一行的代码进行执行的。
所以要先将页面的所有对象或者属性加载了之后才可以使用。
所以这个方法在页面上会经常用到 。
document.getElementById()这个方法来获取相关的网页属性,也就是通过Id这个属性两获取的,通过方法的名称我们就可以知道了这个方法的含义。
属性 操作:
1、obj.style.display = @”block”;对块进行操作
2、赋值
3、引用样式,id都会是名称一致
(特殊:class 在引用的时候为className)
obj.className = “类的样式”;
附加:
sublime中:
快捷键:
ctrl+Y 和ctrl+z的使用,他们朝着相反的方向显示效果。
总结:这些前端的知识点和ios中的UI几乎是一样的,没有太大的区别。
相关文章推荐
- [Effective Java]第七章 方法
- 浏览器加载和渲染html的顺序
- jquery添加hover事件和销毁hover事件
- C#实现将HTML转换成纯文本的方法
- Web前端知识点总结(一)
- JavaScript 没有函数重载&Arguments对象
- jquery mobile自动弹出popup
- 【原创】贡献一个JS的弹出框代码...
- js获取颜色,颜色3中类型的转换
- CSS3设计边框忽隐忽现功能
- JQuery中ajax方法访问web服务实例
- JSP
- 关于js的特性慢慢思考
- scss学习笔记
- 如何在网页打开时弹出通知,JS代码
- css3 box-shadow 为DIV添加阴影
- JS正则表达式验证账号、手机号、电…
- CSS3的文字阴影—text-shadow
- 新方向,新路程
- 引用JS表单验证大全 以后方便…