×

js怎么用 js js代码

js代码如何使用?js控制div显示与隐藏,js利用“hover“属性

admin admin 发表于2022-06-13 12:19:27 浏览116 评论0

抢沙发发表评论

js代码如何使用


js代码是动态脚本语句,是弥补静态显示的不足。通过js可以操作dom节点,动态的修改dom节点的内容

比如

《body》
   《input type=’text’ id=’ipt’ value=’111’/》
《/body》
《script》
   document.getElementById(’ipt’).value=’222’;//这里使用js动态修改了input的value值。
《/script》

js控制div显示与隐藏,js利用“hover“属性


1.首先样式要设定好,在每个li区域只能显示a或者b。
2.引入js库代码(jquery库需要引用,1.4版本以上都可以)
3.设定外部ul的id属性:假设为ullist
4.编写js代码
下面是我写的一个例子代码,供你参考,jquery库需要自己下载并引用
《ul
id=“ullist“》

《li》

《div
class=“a“》A面内容《/div》

《div
class=“b“》B面内容《/div》

《/li》

《li》

《div
class=“a“》A面内容《/div》

《div
class=“b“》B面内容《/div》

《/li》

《/ul》

《style
type=“text/css“》

#ullist

{

overflow:
hidden;

}

#ullist
li

{

height:
30px;

width:
100px;

overflow:
hidden;

line-height:
30px;

}

#ullist
.a

{

width:
30px;

width:
100px;

display:
block;

}

#ullist
.b

{

width:
30px;

width:
100px;

display:
none;

}

《/style》

《script
type=“text/javascript“》

$(function
()
{

$(’#ullist
li’).hover(

function
()
{
$(’.a’,
this).hide();
$(’.b’,
this).show();
},

function
()
{
$(’.b’,
this).hide();
$(’.a’,
this).show();
}

)

});

《/script》
-js代码

运行Echarts.js报错,啥原因


以前使用echarts.js都是到官网上下载,然后放在项目中引用,没有问题。
现在写一个c++程序,想输出一个html,引用了echarts.js,因为src的路径填的是相对于html的js的路径,这就导致输出文件只能和
echarts.js在同一个文件夹下,这样局限性很大,不方便。
尝试了引用网络上的echarts.js,可是出现了echarts is not defined的错误。

我在项目中用到了var myChart=echarts.init(document.getElementById(’main’));这样的语句,echarts是在js中定义了的,我自己在服务器里放了一个同样的js,然后引用,但是还是出现一样的错误。
-js