购物车还有加减按钮,也是将标签内容的数字加一减一就行了
数字的改变需要用到 js 或者其他js框架来进行 *** 作
<html><body>
<div id="container" style="width:260pxheight:260pxoverflow:hidden"></div>
<script>
var container = document.querySelector("#container")
for(var i=0,a=[]i<25a[i]=i++)
for(var i=0i<25i++){
var div = document.createElement("div")
var len = a.length
var index = Math.floor(Math.random()*len)
index = a.splice(index,1)[0]
(function(i){
div.setAttribute("index",i)
div.innerHTML = parseInt(i)+1
})(index)
div.style.cssText = "width:50pxheight:50pxborder:1px solid blacktext-align:centerline-height:50pxfloat:left"
div.onclick = function(event){
var self = event.target
var index = self.getAttribute("index")
var colored = document.querySelectorAll(".colored")
if(index==colored.length){
self.style.background = "red"
self.className = "colored"
}
if(index==24){
alert("done!")
}
}
container.appendChild(div)
}
</script>
</body>
</html>
实现阿拉伯数字转换汉字可以用数组的循环检测后的替换来实现。
用JavaScript:
<script language="javascript"> function replaceReg(reg, str) { return str.replace(reg, function(m) { return arr[m] }) } arr = new Array("零", "一", "二", "三", "四", "五", "六", "七", "八", "九") var reg = /\d/g var str = '3' document.write(replaceReg(reg, str) + '<br />')</script>欢迎分享,转载请注明来源:内存溢出
评论列表(0条)