本文目录一览:
用div+ul+li+css+js制作一张表格并实现变色效果
div
ul
li style="background:#ececec" onMouseOver="this.style.background='#ffffff'" onMouseOut="this.style.background='#ececec'"第1行第1列/li
li第1行第2列/li
li第1行第3列/li
/ul
ul
li第2行第1列/li
li第2行第2列/li
li第2行第3列/li
/ul
ul
li第3行第1列/li
li第3行第2列/li
li第3行第3列/li
/ul
div
楼上的要求恐怕只有高手中的高高手 可能会做出来!!~~
首先,一个 div 里面有 n 个 li ,你要鼠标滑过哪个li,又是要哪个li变色?不指定 li 的 id ,是不可能 对指定的 li 实施背景变色的!
就好比有一个足球队 ,11个人都叫 张三 ,队长喊“张三,向前冲;张三 回去防守;张三 快接球;张三 到我这里来... ”, 请问你明白我的意思吗?
css与js的区别。最好老师们举几个例子。
css可以使页面以一定的布局方式显示出来。而js对页面的各种动态效果进行处理,如进行图片的替换,图片的滚动,层的显示与隐藏,快捷键的处理等等。
js控制css样式的代码有例子吗
n个啊 :
document.getElementById('aa').style.display="none" ; style 后面就是你的样式啊 只是用命名是骆驼命名法而已,
script type="text/javascript"
var state = true;
function changestyle()
{
if(state)
{
alert(document.styleSheets[0].cssText);
document.styleSheets[0].cssText=".fontstyle{ font-size:12px; font-weight:bold;}";
state = false;
}
else
{
document.styleSheets[0].cssText=".fontstyle{ font-size:16px}";
state = true;
}
}
/script这是最简单的例子
HTML中css和js有什么区别?
HTML,CSS,JavaScript 分别是什么?
HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息,可以包含文字、图片、视频等。
CSS样式是表现。就像网页的外衣。比如,标题字体、颜色变化,或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。
JavaScript是用来实现网页上的特效效果。如:鼠标滑过弹出下拉菜单。或鼠标滑过表格的背景颜色改变。还有焦点新闻(新闻图片)的轮换。可以这么理解,有动画的,有交互的一般都是用JavaScript来实现的。
一、HTML—Hypertext Markup Language。
结构(structure)——决定网页的结构及内容,即“显示哪些内容”
超文本标记语言。它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件,通过在文本文件中添加标记符,可以告诉浏览器如何显示其中的内容(比如文字如何处理,画面如何安排,图片如何显示等)。浏览器按顺序阅读网页文件,然后根据标记符解释和显示其标记的内容。
HTML文本中包含了所谓的“链接点”HTML利用超链接的方法,将各种不同空间的文字信息组织在一起的网状文本。总的来说,HTML就是整合网页结构和内容显示的一种语言。
二,CSS—Cascading Style Sheet,
表现(presentation)——设计网页的表现样式,即“如何显示有关内容”
层叠样式表单。是将样式信息与网页内容分离的一种标记语言。我们在牛腩新闻发布系统中,我们使用过CSS文件,对一些标签的样式进行修改。
我们使用CSS为每个HTML元素定义样式,也可以用于多个界面。进行全局更新时,只需修改样式即可。
body { border :1px solid #000;/整体的边框/ font-size :14px; }
CSS就是设置网页上HTML元素属性的语言。
3、Javascript
行为(behavior)——控制网页的行为(效果),即“内容应该如何对事件做出反应”
Java是一种基于对象(Object)和事件驱动(Event Driven)并具有安全性能的脚本语言。使用它的目的是与HTML超文本标记语言、Java脚本语言(Java小程序)一起实现在一个Web页面中链接多个对象,与Web客户交互作用。例如可以设置鼠标悬停效果,在客户端验证表单,创建定制的HTML页面,显示警告框,设置cookie等等。
function jsHello{ alert(‘Hello World!’); }
把代码嵌入HTML语言中,它会在加载时弹出一个“Hello World”对话框。