json数据定制游戏列表插件

来源:https://www.sucaihuo.com/js/1903.html 2017-05-08 17:34浏览(325) 收藏

实现了解析json数据定制游戏列表功能,配合jquery.ajax使用读取json数据,所以网友们运行的时候请把它部署到服务器上的时候才可以看到效果,每个功能细注释都写得非常清晰,对大家的学习非常有帮助,好好利用哦。。。。
json数据定制游戏列表插件
分类:其它特效 > jQuery插件 难易:初级
查看演示 下载资源 下载积分: 20 积分

首先引用文件

<script src="js/jquery.min.js" type="text/javascript"></script>
		<script type="text/javascript" src="js/customGame.js"></script>

功能介绍:

//根据json渲染游戏页面
        gameListInit:function(obj,container,unfold){
            var gameStr="";
            if(this.objLength(obj)<1){
                var frameHtml='<p class="notice">没有对应的游戏</p>';
                this.framePop(1/2,1/2,container,"frame","nullNotice",frameHtml);
            }else{
                for(var i in obj){
                    /*遍历游戏组,每个i为一个游戏组
                     *每个dl都有游戏类别属性,标识该分组表示的游戏属于哪个类别
                     *在游戏列表中遍历得到游戏代码和游戏名称
                     *每个游戏都有两个属性:游戏类别和游戏id
                     * unfold:true / false 用于指定初始化时菜单是否处于展开状态
                     */
                    var groupid=obj[i].groupid;
                    var groupname=obj[i].groupname;
                    var gameList=obj[i].gameList;
                    gameStr+='<dl groupid="'+groupid+'" class="foldMenu">'+
                        '<dt>'+
                        groupname+
                        '</dt>';
                    for(var j in gameList){
                        if(typeof gameList[j].move!=="undefined" && gameList[j].move=="no"){
                            gameStr+='<dd groupid="'+groupid+'" gid="'+gameList[j].gid+'" class="cannotmove">'+
                                gameList[j].gname+
                                '</dd>';
                        }else{
                            gameStr+='<dd groupid="'+groupid+'" gid="'+gameList[j].gid+'">'+
                                gameList[j].gname+
                                '</dd>';
                        }

                    }
                    gameStr+='</dl>';
                }
                container.empty().append(gameStr);
                if(unfold){
                    container.find("dl").addClass("unfold");
                }
            }
        },
标签: 游戏列表
评论0
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791

1 2