1、打开编辑器,新建test.html,用于学习今天的内容。
2、接下来需要在head标签下方引入jquery.min.js插件,如下图所示。
3、在页面的body标签里,新建一个div,名称为test。
4、在body标签下方写上<script></script>,用来存放js代码。通过class定位到div,通过css()方法让文字居中。
5、在浏览器中打开test.html,可以在文字在页面中间显示。
1、点击改变<a name="0" class="STYLE2" id="ahtm" onclick="ch()">登</a><script>
function ch()
{
document.getElementById("ahtm").innerHTML="1.jpg"
}
2、加载改变。注意js代码块一定要写在</a>之后<a name="0" class="STYLE2" id="ahtm" >登</a><script>document.getElementById("ahtm").innerHTML="1.jpg"</script>
用document.getElementById(div1)获取到该div,然后操作它就行了,如果是文本上下移动完全可以使用marquee标签。引用JS:
www.cyin.cn/js/front/supermarquee.js
HTML代码:
<div class="zuixinxuqiu" style="height: 197pxwidth: 678pxoverflow: hiddenposition: relative">
<ul>
<dl class="clearfix">
<dt class="coladdress">
成都市</dt>
</dl>
<dl class="clearfix">
<dt class="coladdress">
成都市</dt>
</dl>
<dl class="clearfix">
<dt class="coladdress">
成都市</dt>
</dl>
<dl class="clearfix">
<dt class="coladdress">
成都市</dt>
</dl>
<dl class="clearfix">
<dt class="coladdress">
成都市</dt>
</dl>
</ul>
</div>
执行JS:
$(".zuixinxuqiu").kxbdSuperMarquee({
isEqual: false,
distance: 33,
time: 5,
direction: 'up'
})