使用json对象进行页面的动态渲染
实现功能:
1、动态创建页面内容
2、当鼠标移入时改变该事件源的样式
效果展示
<body>
<ul id="u">
<!--<li><img src="a.jpg"/><p>小米</p></li>-->
</ul>
</body>
//js
<script>
//创建一个对象,里面存放li 数据, 将每一组的信息作为一个数组中的元素
var jsonObj = {
"info":[
{"src" : "a.jpg", "name" : "小米"},
{"src" : "a.jpg", "name" : "大米"},
{"src" : "a.jpg", "name" : "高粱米"},
]
}
//定义一个空的字符串用于存放每组数据
var str = "&