新手快速制作JS鼠标滑过文字内容展开？

怀化SEO博客

先说一个 新手快速制作的JS效果吧？

很简单的?代码都有注释：

<style>
.p{ width:80px; height:15px; overflow:hidden;font-size:10.5pt;
/*先定义元素为不可见*/
}
</style>
<script type=”text/javascript”>
function scr(){
var x=document.getElementsByTagName(“p”); //查询html中class属性为p的?? getElementsByTagName 返回的值为数组
x[0].onmouseover=function(){??? //表示 数组中的第一个值?? onmouseover? 鼠标移上去

x[0].style.overflow=”visible”? //class属性为p的 的overflow 样式为? visible
x[0].style.width=”auto”??? // class属性为p的 的widthw 样式为auto
}

x[0].onmouseout=function(){? //onmouseover? 鼠标离开
x[0].style.overflow=”hidden”? //隐藏
x[0].style.width=”80″??? //宽度
}
}
window.onload=scr;
</script>
<p>
<p>怀化SEO—? 一个记录 PHP+SEO知识?? 整合在一起的家伙 的SEO博客?? 没什么大不了的，只是混口饭吃，这年头不好混，每天学习一点? 进步一天? 一天天进步，
</p>
</p>

做为一名合格的SEO从事人员，不需要自己会编程，但最起 自己要会看代码? 可以写一些简单的代码 ，代码怎么优化，程序怎样运行有利于用户体验，

不过要是自己会编程再加上SEO知识 ? 那么对自己还是蛮有用处的，多学不害 只有益。