就是这样，你只要记住
"var star" 是一个整体
i 是一个整体
"=" 是一个整体
document.getElementById("star"+i).value 是一个整体
再用+连接起来
他们都是字符串或数字类型
使用递归，下面是一个JSON转String的函数应该会对你有所帮助
function jsonToString (obj){var THIS = this
switch(typeof(obj)){
case 'string':
return '"' + obj.replace(/(["\\])/g, '\\$1') + '"'
case 'array':
return '[' + obj.map(THIS.jsonToString).join(',') + ']'
case 'object':
if(obj instanceof Array){
var strArr = []
var len = obj.length
for(var i=0 i<len i++){
strArr.push(THIS.jsonToString(obj[i]))
}
return '[' + strArr.join(',') + ']'
}else if(obj==null){
return 'null'
}else{
var string = []
for (var property in obj) string.push(THIS.jsonToString(property) + ':' + THIS.jsonToString(obj[property]))
return '{' + string.join(',') + '}'
}
case 'number':
return obj
case false:
return obj
}
}
<style>.box {display:flexmargin:100px 100px}
.box img {position:relativeheight:200pxtransition:all 0.5sz-index:1box-shadow:0 0 1px #000}
</style>
<div class="box">
<img src="图片1"/><img src="图片2"/><img src="图片3"/><img src="图片4"/><img src="图片5"/>
</div>
<script type="text/javascript">
$(function(){
$(".box img").click(function(){
$(".box img").css({"transform":"scale(1,1)","z-index":"1","box-shadow":"0 0 1px #000"})
$(this).css({"transform":"scale(1.6,1.6)","z-index":"3","box-shadow":"0 0 10px #000"})
if($(this).prev())$(this).prev().css({"transform":"scale(1.3,1.3)","z-index":"2","box-shadow":"0 0 5px #000"})
if($(this).next())$(this).next().css({"transform":"scale(1.3,1.3)","z-index":"2","box-shadow":"0 0 5px #000"})
})
})
</script>
需要引用jquery
