Html
    Css
    Js

    
                        
*{
		margin:0px;
		padding:0px;
		border:0px;
	}
	ul{
		list-style-type:none;
		position:relative;
		bottom:30px;
		left:50%;
		overflow:hidden;
		width:120px;
		margin-left:-60px;
	}
	li{
		float:left;
		width:20px;
		height:20px;
		margin:2px;
		background-color:#999;
		border-radius:10px;
	}
	#box{
		width:520px;
		height:500px;
	}
	.li{
		background-color:#F30;
		cursor:pointer;
	}

                        
↑上面代码改变,会自动显示代码结果 jQuery调用版本:1.11.3
 立即下载

纯原生态JS焦点图

适合于刚接触JS要求做这个特效的人学习使用,谢谢jQuery插件库网站,谢谢大家。

0