html li去掉前面的小黑点项目符号

去除小黑点

ul li{color:#fff;display:block;
}

ul li{list-style-type:none;
}

多行，需配合ul width li width

ul {width:280px;
}
ul li{float:left;width:100px;
}

li 点击事件

<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>$(document).ready(function () {$("ul").on("click", function (event) {var target = $(event.target);alert(target.html() + target.index())});});
</script>

<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>$(document).ready(function () {$("ul").on("click", function (event) {var target = $(event.target);alert(target.html() + target.index())});});
</script><script type="text/javascript">function parentInitialize() {var count = 0;window.addEventListener('message', function (e) {// Check message origin etc...if (e.data.type === 'iFrameRequest') {var obj = {type: 'parentResponse',responseData: 'Response #' + count++};e.source.postMessage(obj, '*');}// ...});document.querySelector("#jxbhttps").onclick=function(){//alert(document.querySelector("#jiexi_ul").style.display);if (document.querySelector("#jiexi_ul").style.display == "none") {var top=document.querySelector("#jxbhttps").offsetTop;var left = document.querySelector("#jxbhttps").offsetLeft+document.querySelector("#jxbhttps").offsetWidth+3;document.querySelector("#jiexi_ul").style="display:black; position:fixed;top:50px;left:25;";
}
else if (document.querySelector("#jiexi_ul").style.display == "black" || document.querySelector("#jiexi_ul").style.display == "") {document.querySelector("#jiexi_ul").style="display:none";
}}}</script><script type="text/javascript">document.domain = "abbtt.com";</script>
<style type="text/css">
#jiexi_ul{width:250px;}
#jiexi_ul li{color:white;text-decoration:none;width:105px;height:30px;background:#555;margin-top:5px;margin-left:0px;margin-right:10px;line-height:30px;text-align:center;font-family:"微软雅黑";font-size:14px;border:1px solid black;list-style:none;padding:0;float:left;
}
</style></head>
<body style="background-color: rgb(72, 222, 218);" onload="javascript: parentInitialize();">
<div id="myvideojiexiAPI">
<div id="jxbhttps" title="点击 此按钮 弹出 解析接口 选择" style="top: 119px; left: 25px; font-size: 15px; width: 35px; height: 35px; line-height: 35px; background-size: 100% 100%; background-image: url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAADyUlEQVRYhc2UbWhbVRjHf7dpZzXGBemmU2FtM1uEZssoOOhmXbsXXLPVidqydTiZzQfpGPhlH2T95GKKzDGwijgdTJlbohXUdU5aypbqHDIYKih1rg4VphtoJY1U23L8cM7NufcmWe6tRX3gcF7+z3Oe33nOuRf+R3YIuAAI4DfgA+BupTUAo0oTauycrwaOAuOWdau+B1hyo+TOIEFoi+CZMYFh5GtzaIZhTKjD5NkFQHx5GZERiJ8nVZCvUhB9WQAifkBqGYHY2yt1c95/WCcZ/0Wvm23oEx0D/F6oEocA8WZKB8V6LFVAbmJqofriAM7k1paDMBacNBOXyW7hVYD3BzTRiogaXBkCIKzm5z+Fy2PFblLb0dchYEB0HWSzcm3Hk0r0L41ya+fjEsDf9hCJiT58lQwktXPj/cp5dopYD/j9cvr5+dLJrZYegXePy3FNrVqcvAQdz6ao6tpexr7BjwCo3gDAZ6PSp2E5hOrlOFcN4MhhbwAAty0sIrTvPVaWm6zcJgHOaf3RDtk3t8rebfmtFuuBjW06HoBgOKdrgJr1ALzwnA5uCMsqmKXzUv6d3ZARcLBfXl82C6++pMR7owUAAovgriYbaaQRWtfrTT8+5R7AtOvXYPg0dLTDQBII1EN4WwEAgJVdgD5pTa2+/+/H5YOiKoIbM7+C2jvgkU1m7Cpo67f52QHq5HGtJ93ZLfv0iFoItbgCyFnFIli6GdbEof018C8uAjALLK6DqgjpEXliq6XUp0Sk0xtAw3ZYF4e6zXJu2GUNUKl6dcLciXGUv3qVNwCnCeCWcgvA/i1dNgd1wt0xeYcBA5aH7HDmYzX13TEdnre2pNEO4C+HP2bk+MMX9/iY/vYrzgxfpHWXfJrBe2DZJrj6NWR+lI5VEflytx6U8+rV8MNFrQfD0HoArn8HU9fsa3eu0MmDFZBRyVPxp5l4+xV9I74HouxPn8SLCeDKGExPgWHc2DdYARPTcvxOopvMiTfA9ghHB9n3YLRg8FzNZCqS3A4AMJs+NW8QBrJCty8omjwfYL4gzOQAv/6lksefciYvDGBC9K7daFv70wOAcMyTiSfIpI4Uci0MADBzdsgGcZNHCGvy7Im3isnFAeYDokTy0gA5iJYNniGSz+8oldwdAMDMmWF6m9fmQRhmc/wDUn2dZJPH3GztDgBgZvRsHsQUMO0oR6qvk8njKbfbugcoBFHp0D0m/wfW1ExCCBJCsOsL2W5++LF/IbHVAk05AO7bOtddyku7FLPMuRbfe2t+CvuDl/hmcO77/Mf2N6TgrX4E/h5BAAAAAElFTkSuQmCC&quot;); text-align: center; background-color: transparent; overflow: hidden; user-select: none; position: absolute; z-index: 963540817; bottom: 280px; border-radius: 10px; zoom: 0.6 !important; transform: rotateZ(0deg);"></div>
<ul id="jiexi_ul" style="display: none;">
<li title="接口地址：（https://jx.renrenmi.cc/?url=）" style="background:green;">
<span>
<a1 style="color:darkgreen"></a1>
<a2 style="display:none">5</a2>
<a3 style="display:none"></a3>
<a4>人人</a4></span></li>
<li title="接口地址：（https://jx.renrenmi.cc/?url=）">
<span style=" width:104px;">
<a1 style="color:darkgreen"></a1>
<a2 style="display:none">5</a2>
<a3 style="display:none"></a3>
<a4>人人人</a4></span>
</li>
<li title="接口地址：（https://jx.renrenmi.cc/?url=）">
<span style=" width:104px;">
<a1 style="color:darkgreen"></a1>
<a2 style="display:none">5</a2>
<a3 style="display:none"></a3>
<a4>人人人</a4></span>
</li>
<li title="接口地址：（https://jx.renrenmi.cc/?url=）">
<span style=" width:104px;">
<a1 style="color:darkgreen"></a1>
<a2 style="display:none">5</a2>
<a3 style="display:none"></a3>
<a4>人人人</a4></span>
</li>
<li title="接口地址：（https://jx.renrenmi.cc/?url=）">
<span style=" width:104px;">
<a1 style="color:darkgreen"></a1>
<a2 style="display:none">5</a2>
<a3 style="display:none"></a3>
<a4>人人人</a4></span>
</li>
<li title="接口地址：（https://jx.renrenmi.cc/?url=）">
<span style="width:104px;">
<a1 style="color:darkgreen"></a1>
<a2 style="display:none">5</a2>
<a3 style="display:none"></a3>
<a4>人人人</a4></span>
</li>
</ul>
</div></div>
</body>
</html>

var text = '{ "sites" : [' +'{ "name":"Runoob" , "url":"www.runoob.com" },' +'{ "name":"Google" , "url":"www.google.com" },' +'{ "name":"Taobao" , "url":"www.taobao.com" } ]}';
obj = JSON.parse(text);
var ul=document.createElement("ul"); ul.id="myul";
document.body.append(ul);
for(var i=0;i<obj.sites.length;i++){var li=document.createElement("li");li.title=obj.sites[i].url;li.innerText=obj.sites[i].name;ul.append(li);}

var style=document.createElement("style");
style.type="text/css";document.body.append(style);
style.innerText=(function () { /*
#jiexi_ul{
width:250px;
}
#jiexi_ul li{
color:white;
text-decoration:none;
width:105px;
height:30px;
background:#555;
margin-top:5px;
margin-left:0px;
margin-right:10px;
line-height:30px;
text-align:center;
font-family:"微软雅黑";
font-size:14px;
border:1px solid black;
list-style:none;padding:0;
float:left;
}
*/}).toString().split('\n').slice(1, -1).join('')

完整测试代码

//创建按钮图标
var mydiv=document.createElement("div");
mydiv.title="点击展开解析接口";
mydiv.id="jxbhttps";
mydiv.style='top: 119px; left: 25px; font-size: 15px; width: 35px; height: 35px; line-height: 35px; background-size: 100% 100%; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAADyUlEQVRYhc2UbWhbVRjHf7dpZzXGBemmU2FtM1uEZssoOOhmXbsXXLPVidqydTiZzQfpGPhlH2T95GKKzDGwijgdTJlbohXUdU5aypbqHDIYKih1rg4VphtoJY1U23L8cM7NufcmWe6tRX3gcF7+z3Oe33nOuRf+R3YIuAAI4DfgA+BupTUAo0oTauycrwaOAuOWdau+B1hyo+TOIEFoi+CZMYFh5GtzaIZhTKjD5NkFQHx5GZERiJ8nVZCvUhB9WQAifkBqGYHY2yt1c95/WCcZ/0Wvm23oEx0D/F6oEocA8WZKB8V6LFVAbmJqofriAM7k1paDMBacNBOXyW7hVYD3BzTRiogaXBkCIKzm5z+Fy2PFblLb0dchYEB0HWSzcm3Hk0r0L41ya+fjEsDf9hCJiT58lQwktXPj/cp5dopYD/j9cvr5+dLJrZYegXePy3FNrVqcvAQdz6ao6tpexr7BjwCo3gDAZ6PSp2E5hOrlOFcN4MhhbwAAty0sIrTvPVaWm6zcJgHOaf3RDtk3t8rebfmtFuuBjW06HoBgOKdrgJr1ALzwnA5uCMsqmKXzUv6d3ZARcLBfXl82C6++pMR7owUAAovgriYbaaQRWtfrTT8+5R7AtOvXYPg0dLTDQBII1EN4WwEAgJVdgD5pTa2+/+/H5YOiKoIbM7+C2jvgkU1m7Cpo67f52QHq5HGtJ93ZLfv0iFoItbgCyFnFIli6GdbEof018C8uAjALLK6DqgjpEXliq6XUp0Sk0xtAw3ZYF4e6zXJu2GUNUKl6dcLciXGUv3qVNwCnCeCWcgvA/i1dNgd1wt0xeYcBA5aH7HDmYzX13TEdnre2pNEO4C+HP2bk+MMX9/iY/vYrzgxfpHWXfJrBe2DZJrj6NWR+lI5VEflytx6U8+rV8MNFrQfD0HoArn8HU9fsa3eu0MmDFZBRyVPxp5l4+xV9I74HouxPn8SLCeDKGExPgWHc2DdYARPTcvxOopvMiTfA9ghHB9n3YLRg8FzNZCqS3A4AMJs+NW8QBrJCty8omjwfYL4gzOQAv/6lksefciYvDGBC9K7daFv70wOAcMyTiSfIpI4Uci0MADBzdsgGcZNHCGvy7Im3isnFAeYDokTy0gA5iJYNniGSz+8oldwdAMDMmWF6m9fmQRhmc/wDUn2dZJPH3GztDgBgZvRsHsQUMO0oR6qvk8njKbfbugcoBFHp0D0m/wfW1ExCCBJCsOsL2W5++LF/IbHVAk05AO7bOtddyku7FLPMuRbfe2t+CvuDl/hmcO77/Mf2N6TgrX4E/h5BAAAAAElFTkSuQmCC"); text-align: center; background-color: transparent; overflow: hidden; user-select: none; position: absolute; z-index: 963540817; bottom: 280px; border-radius: 10px; zoom: 0.6 !important; transform: rotateZ(0deg);';
document.body.append(mydiv);
//为按钮图标创建点击脚本
var jiexiscript= document.createElement("script");
jiexiscript.type="text/javascript";
document.head.append(jiexiscript);
jiexiscript.innerHTML=(function(){/*
document.querySelector("#jxbhttps").onclick = function() {//alert(document.querySelector("#myul").style.display);var jiexi_ul=document.querySelector("#myul");if (jiexi_ul.style.display == "none") {var top = document.querySelector("#jxbhttps").offsetTop;var left = document.querySelector("#jxbhttps").offsetLeft + document.querySelector("#jxbhttps").offsetWidth + 3;jiexi_ul.style = "display:black; position:fixed;top: 90px;left:50px;";} else if (jiexi_ul.style.display == "black" || jiexi_ul.style.display == "") {jiexi_ul.style = "display:none";}
};
*/}).toString().split('\n').slice(1, -1).join('\n');//ul li 列表json 数据
var text = '{ "sites" : [' +'{ "name":"Runoob" , "url":"www.runoob.com" },' +'{ "name":"Google" , "url":"www.google.com" },' +'{ "name":"Bing" , "url":"www.bing.com" },' +'{ "name":"Taobao" , "url":"www.taobao.com" } ]}';
var obj = JSON.parse(text);
//创建ul li 列表
var ul=document.createElement("ul");
ul.id="myul";
ul.style="display:none";
document.body.append(ul);
for(var i=0;i<obj.sites.length;i++){var li=document.createElement("li");li.title=obj.sites[i].url;li.innerText=obj.sites[i].name;ul.append(li);}
//为ul li 添加CSS样式
var style=document.createElement("style");
style.type="text/css";
document.head.append(style);
style.innerHTML=(function () { /*
#myul{
width:250px;
position:fixed;
z-index:963540817
}
#myul li{
color:white;
text-decoration:none;
width:105px;
height:30px;
background:#555;
margin-top:5px;
margin-left:0px;
margin-right:10px;
line-height:30px;
text-align:center;
font-family:"微软雅黑";
font-size:14px;
border:1px solid black;
list-style:none;padding:0;
float:left;
}
*/}).toString().split('\n').slice(1, -1).join('\n');
//为ul li 添加点击事件脚本
var script= document.createElement("script");
script.type="text/javascript";
document.head.append(script);
script.innerHTML=(function(){/*
var ul = document.querySelector("#myul");ul.onclick = function (e) {e = e || window.event; //这一行及下一行是为兼容IE8及以下版本var target = e.target || e.srcElement;if (target.tagName.toLowerCase() === "li") {var li = this.querySelectorAll("li");index = Array.prototype.indexOf.call(li, target);alert(target.innerHTML + index + "\n" + target.title);}
};
*/}).toString().split('\n').slice(1, -1).join('\n');

https://blog.csdn.net/business122/article/details/7973638

html li去掉前面的小黑点项目符号相关推荐

web无序列表去掉点_HTML 无序列表项目符号使用图片的CSS写法
创建一个HTML页面, 其内容为一个无序列表, 列表中至少包含了5本畅销书,每本书之前的项目符号必须采用概述封面的缩略图.这些信息可以冲Web上获取. 要求采用CSS方法进行布局. HTML: 复制代 ...
list-style-type 去除li 前面的标记(小黑点)
<1> list-style 设置标记 list-style-position 设置在何处放置列表项标记 <html> <head><title>< ...
内建标题样式前面的小黑点，如下：如何去掉呢？
其实前面的小黑点和后面的像回车符的标记都是word的段落标记.在正在打印的时候并不会打印出来.前面的小黑点表示"与下段同页"和"段中不分页",可在段落中设置. ...
消除小黑点html,word黑点怎么去掉,Word文档项目编号前有个小黑点
在使用Word的时候始终有个问题困扰着我,在Word文档项目编号前有个小黑点,如下图所示: 带点是因为文档应用了"样式"及"多级列表"功能,至于什么是多级列表, ...
html ol li 数字点去掉,HTML 去除 li 前面的小黑点及 ul、li 部分属性介绍
li默认显示时前面总是会有一个小黑点,可以用以下方法来清除. 1.在CSS中写入代码 ul li { list-style-type:none; } 2.在相关的页面找到head部分写入下面的代码 l ...
如何去掉ul和li前面的小黑点
做网页的时候经常会遇到列表前的小圆点,难看不说,还容易影响布局,下面就介绍几种消除小圆点的方法: 1. 找到相关CSS文件,在.ul 和.li 部分添加: list-style: none; 或: l ...
html怎么去除左边的圆点,在Html的CSS中去除标签前面小黑点以及ul、LI部分属性方法...
div是很多人做网站都会用到的,但在显示默认效果时前面总是会有一个小黑点,这个效果很多人不想要,但又不知到如何去除,现在我们可以用以下方法来清除默认黑点. 1.在CSS中写入代码.找到相关性的CSS, ...
消除html中li的点,Html中CSS之去除li前面的小黑点,和ul、LI部分属性方法
对于很多人用div来做网站时,总会用到,但在显示效果时前面总是会有一个小黑点,这个令很多人头痛,但又找不到要源,其它我们可以用以下方法来清除. 1.在CSS中写入代码.找到相关性的CSS,在..li和 ...
html5li怎么去除前面的圆点,在Html的CSS中去除li标签前面小黑点以及ul、LI部分属性方法...
讲过一围多元示一能近讲提下了多素效个外近 div是很多人做网站都会用到的,但在显示默认效果时前面总是会有一个小黑点,这个效果很多人不想要,但又不知到如何去除,现在我们可以用以下方法来清除默认黑点 ...
如何去除ul小圆点的html,[HTML]去除li前面的小黑点,和ul、LI部分属性
[转] 对于很多人用div来做网站时,总会用到,但在显示效果时前面总是会有一个小黑点,这个令很多人头痛,但又找不到要源,其它我们可以用以下方法来清除. [HTML]去除li前面的小黑点,和ul.LI部 ...

html li去掉前面的小黑点项目符号

html li去掉前面的小黑点项目符号相关推荐

最新文章

热门文章

html li去掉前面的小黑点 项目符号

html li去掉前面的小黑点 项目符号相关推荐

最新文章

热门文章

html li去掉前面的小黑点项目符号

html li去掉前面的小黑点项目符号相关推荐