JS+CSS和图片美化下拉列表选择框

最新推荐文章于 2021-06-03 02:48:23 发布
最新推荐文章于 2021-06-03 02:48:23 发布
阅读量1.8k 收藏
点赞数
分类专栏： 网站建设 文章标签： css function div class border float
本文介绍了一种使用JavaScript和CSS美化HTML下拉列表选择框的方法。通过将原生的选择框替换为自定义样式元素，可以实现更丰富的视觉效果。具体包括不同尺寸的下拉框、鼠标悬停效果以及选项的高亮显示等。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

<script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script>
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
  2. <html xmlns="http://www.w3.org/1999/xhtml"> 
  3. <head> 
  4. <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
  5. <title>JS+CSS和图片美化下拉列表选择框（select)-</title> 
  6. <style type="text/css"> 
  7. body{ 
  8. font-size:12px; margin:0 
  9. } 
  10. .wenzi{ float:left; height:20px; line-height:20px} 
  11. /*年龄select1*/ 
  12. #age_sel_1 div.tag_select{display:block;color:#000;width:62px;height:22px;background:transparent url("http://www.jsweb8.cn/jsweb8/select_css/images/select-60.gif") no-repeat 0 0;padding:0 10px;line-height:22px;} 
  13. #age_sel_1 div.tag_select_hover{display:block;color:#000;width:62px;height:22px;background:transparent url("http://www.jsweb8.cn/jsweb8/select_css/images/select-60.gif") no-repeat 0 -22px;padding:0 10px;line-height:22px;} 
  14. #age_sel_1 div.tag_select_open{display:block;color:#000;width:62px;height:22px;background:transparent url("http://www.jsweb8.cn/jsweb8/select_css/images/select-60.gif") no-repeat 0 -44px;padding:0 10px;line-height:22px;} 
  15. #age_sel_1 ul.tag_options{position:absolute;margin:0;list-style:none;background:transparent url("http://www.jsweb8.cn/jsweb8/select_css/images/select-60.gif") no-repeat left bottom;padding:0 0 1px;margin:0;width:60px;} 
  16. #age_sel_1 ul.tag_options li{background:transparent url("http://www.jsweb8.cn/jsweb8/select_css/images/select-60.gif") repeat-y -102px 0;display:block;width:61px;padding:0 10px;height:22px;text-decoration:none;line-height:22px;color:#000;} 
  17. #age_sel_1 ul.tag_options li.open_hover{background:transparent url("http://www.jsweb8.cn/jsweb8/select_css/images/select-60.gif") no-repeat 0 -88px;color:#000} 
  18. #age_sel_1 ul.tag_options li.open_selected{background:transparent url("http://www.jsweb8.cn/jsweb8/select_css/images/select-60.gif") no-repeat 0 -66px;color:#19555F} 
  19. /*年龄select1--end*/ 
  20. /*年龄select2*/ 
  21. #age_sel_2 div.tag_select{display:block;color:#000;width:62px;height:22px;background:transparent url("http://www.jsweb8.cn/jsweb8/select_css/images/select-60.gif") no-repeat 0 0;padding:0 10px;line-height:22px;} 
  22. #age_sel_2 div.tag_select_hover{display:block;color:#000;width:62px;height:22px;background:transparent url("http://www.jsweb8.cn/jsweb8/select_css/images/select-60.gif") no-repeat 0 -22px;padding:0 10px;line-height:22px;} 
  23. #age_sel_2 div.tag_select_open{display:block;color:#000;width:62px;height:22px;background:transparent url("http://www.jsweb8.cn/jsweb8/select_css/images/select-60.gif") no-repeat 0 -44px;padding:0 10px;line-height:22px;} 
  24. #age_sel_2 ul.tag_options{position:absolute;margin:0;list-style:none;background:transparent url("http://www.jsweb8.cn/jsweb8/select_css/images/select-60.gif") no-repeat left bottom;padding:0 0 1px;margin:0;width:60px;} 
  25. #age_sel_2 ul.tag_options li{background:transparent url("http://www.jsweb8.cn/jsweb8/select_css/images/select-60.gif") repeat-y -102px 0;display:block;width:61px;padding:0 10px;height:22px;text-decoration:none;line-height:22px;color:#000;} 
  26. #age_sel_2 ul.tag_options li.open_hover{background:transparent url("http://www.jsweb8.cn/jsweb8/select_css/images/select-60.gif") no-repeat 0 -88px;color:#000} 
  27. #age_sel_2 ul.tag_options li.open_selected{background:transparent url("http://www.jsweb8.cn/jsweb8/select_css/images/select-60.gif") no-repeat 0 -66px;color:#19555F} 
  28. /*年龄select2--end*/ 
  29. /*地区select1*/ 
  30. #area_sel_1 div.tag_select{display:block;color:#000;width:82px;height:22px;background:transparent url("http://www.jsweb8.cn/jsweb8/select_css/images/select-80.gif") no-repeat 0 0;padding:0 10px;line-height:22px;} 
  31. #area_sel_1 div.tag_select_hover{display:block;color:#000;width:82px;height:22px;background:transparent url("http://www.jsweb8.cn/jsweb8/select_css/images/select-80.gif") no-repeat 0 -22px;padding:0 10px;line-height:22px;} 
  32. #area_sel_1 div.tag_select_open{display:block;color:#000;width:82px;height:22px;background:transparent url("http://www.jsweb8.cn/jsweb8/select_css/images/select-80.gif") no-repeat 0 -44px;padding:0 10px;line-height:22px;} 
  33. #area_sel_1 ul.tag_options{position:absolute;margin:0;list-style:none;background:transparent url("http://www.jsweb8.cn/jsweb8/select_css/images/select-80.gif") no-repeat left bottom;width:100px;padding:0 0 1px;margin:0;width:80px;} 
  34. #area_sel_1 ul.tag_options li{background:transparent url("http://www.jsweb8.cn/jsweb8/select_css/images/select-80.gif") repeat-y -102px 0;display:block;width:61px;padding:0 10px;height:22px;text-decoration:none;line-height:22px;color:#000;} 
  35. #area_sel_1 ul.tag_options li.open_hover{background:transparent url("http://www.jsweb8.cn/jsweb8/select_css/images/select-80.gif") no-repeat 0 -88px;color:#000} 
  36. #area_sel_1 ul.tag_options li.open_selected{background:transparent url("http://www.jsweb8.cn/jsweb8/select_css/images/select-80.gif") no-repeat 0 -66px;color:#19555F} 
  37. /*地区select1--end*/ 
  38. /*地区select2*/ 
  39. #area_sel_2 div.tag_select{display:block;color:#000;width:62px;height:22px;background:transparent url("http://www.jsweb8.cn/jsweb8/select_css/images/select-60.gif") no-repeat 0 0;padding:0 10px;line-height:22px;} 
  40. #area_sel_2 div.tag_select_hover{display:block;color:#000;width:62px;height:22px;background:transparent url("http://www.jsweb8.cn/jsweb8/select_css/images/select-60.gif") no-repeat 0 -22px;padding:0 10px;line-height:22px;} 
  41. #area_sel_2 div.tag_select_open{display:block;color:#000;width:62px;height:22px;background:transparent url("http://www.jsweb8.cn/jsweb8/select_css/images/select-60.gif") no-repeat 0 -44px;padding:0 10px;line-height:22px;} 
  42. #area_sel_2 ul.tag_options{position:absolute;margin:0;list-style:none;background:transparent url("http://www.jsweb8.cn/jsweb8/select_css/images/select-60.gif") no-repeat left bottom;padding:0 0 1px;margin:0;width:60px;} 
  43. #area_sel_2 ul.tag_options li{background:transparent url("http://www.jsweb8.cn/jsweb8/select_css/images/select-60.gif") repeat-y -102px 0;display:block;width:61px;padding:0 10px;height:22px;text-decoration:none;line-height:22px;color:#000;} 
  44. #area_sel_2 ul.tag_options li.open_hover{background:transparent url("http://www.jsweb8.cn/jsweb8/select_css/images/select-60.gif") no-repeat 0 -88px;color:#000} 
  45. #area_sel_2 ul.tag_options li.open_selected{background:transparent url("http://www.jsweb8.cn/jsweb8/select_css/images/select-60.gif") no-repeat 0 -66px;color:#19555F} 
  46. /*地区select2--end*/ 
  47. --> 
  48. </style> 
  49. <script>/*############################################################# 
  50. Name: Select to CSS 
  51. Version: 0.2 
  52. Author: Utom 
  53. URL: http://utombox.com/ 
  54. #############################################################*/ 
  55. var selects = document.getElementsByTagName('select'); 
  56. var isIE = (document.all && window.ActiveXObject && !window.opera) ? true : false; 
  57. function $(id) { 
  58. return document.getElementById(id); 
  59. } 
  60. function stopBubbling (ev) { 
  61. ev.stopPropagation(); 
  62. } 
  63. function rSelects() { 
  64. for (i=0;i<selects.length;i++){ 
  65. selects[i].style.display = 'none'; 
  66. select_tag = document.createElement('div'); 
  67. select_tag.id = 'select_' + selects[i].name; 
  68. select_tag.className = 'select_box'; 
  69. selects[i].parentNode.insertBefore(select_tag,selects[i]); 
  70. select_info = document.createElement('div'); 
  71. select_info.id = 'select_info_' + selects[i].name; 
  72. select_info.className='tag_select'; 
  73. select_info.style.cursor='pointer'; 
  74. select_tag.appendChild(select_info); 
  75. select_ul = document.createElement('ul'); 
  76. select_ul.id = 'options_' + selects[i].name; 
  77. select_ul.className = 'tag_options'; 
  78. select_ul.style.position='absolute'; 
  79. select_ul.style.display='none'; 
  80. select_ul.style.zIndex='999'; 
  81. select_tag.appendChild(select_ul); 
  82. rOptions(i,selects[i].name); 
  84. mouseSelects(selects[i].name); 
  85. if (isIE){ 
  86. selects[i].onclick = new Function("clickLabels3('"+selects[i].name+"');window.event.cancelBubble = true;"); 
  87. } 
  88. else if(!isIE){ 
  89. selects[i].onclick = new Function("clickLabels3('"+selects[i].name+"')"); 
  90. selects[i].addEventListener("click", stopBubbling, false); 
  91. } 
  92. } 
  93. } 
  94. function rOptions(i, name) { 
  95. var options = selects[i].getElementsByTagName('option'); 
  96. var options_ul = 'options_' + name; 
  97. for (n=0;n<selects[i].options.length;n++){ 
  98. option_li = document.createElement('li'); 
  99. option_li.style.cursor='pointer'; 
  100. option_li.className='open'; 
  101. $(options_ul).appendChild(option_li); 
  102. option_text = document.createTextNode(selects[i].options[n].text); 
  103. option_li.appendChild(option_text); 
  104. option_selected = selects[i].options[n].selected; 
  105. if(option_selected){ 
  106. option_li.className='open_selected'; 
  107. option_li.id='selected_' + name; 
  108. $('select_info_' + name).appendChild(document.createTextNode(option_li.innerHTML)); 
  109. } 
  111. option_li.onmouseover = function(){ this.className='open_hover';} 
  112. option_li.onmouseout = function(){ 
  113. if(this.id=='selected_' + name){ 
  114. this.className='open_selected'; 
  115. } 
  116. else { 
  117. this.className='open'; 
  118. } 
  119. } 
  121. option_li.onclick = new Function("clickOptions("+i+","+n+",'"+selects[i].name+"')"); 
  122. } 
  123. } 
  124. function mouseSelects(name){ 
  125. var sincn = 'select_info_' + name; 
  126. $(sincn).onmouseover = function(){ if(this.className=='tag_select') this.className='tag_select_hover'; } 
  127. $(sincn).onmouseout = function(){ if(this.className=='tag_select_hover') this.className='tag_select'; } 
  128. if (isIE){ 
  129. $(sincn).onclick = new Function("clickSelects('"+name+"');window.event.cancelBubble = true;"); 
  130. } 
  131. else if(!isIE){ 
  132. $(sincn).onclick = new Function("clickSelects('"+name+"');"); 
  133. $('select_info_' +name).addEventListener("click", stopBubbling, false); 
  134. } 
  135. } 
  136. function clickSelects(name){ 
  137. var sincn = 'select_info_' + name; 
  138. var sinul = 'options_' + name; 
  139. for (i=0;i<selects.length;i++){ 
  140. if(selects[i].name == name){ 
  141. if( $(sincn).className =='tag_select_hover'){ 
  142. $(sincn).className ='tag_select_open'; 
  143. $(sinul).style.display = ''; 
  144. } 
  145. else if( $(sincn).className =='tag_select_open'){ 
  146. $(sincn).className = 'tag_select_hover'; 
  147. $(sinul).style.display = 'none'; 
  148. } 
  149. } 
  150. else{ 
  151. $('select_info_' + selects[i].name).className = 'tag_select'; 
  152. $('options_' + selects[i].name).style.display = 'none'; 
  153. } 
  154. } 
  155. } 
  156. function clickOptions(i, n, name){ 
  157. var li = $('options_' + name).getElementsByTagName('li'); 
  158. $('selected_' + name).className='open'; 
  159. $('selected_' + name).id=''; 
  160. li[n].id='selected_' + name; 
  161. li[n].className='open_hover'; 
  162. $('select_' + name).removeChild($('select_info_' + name)); 
  163. select_info = document.createElement('div'); 
  164. select_info.id = 'select_info_' + name; 
  165. select_info.className='tag_select'; 
  166. select_info.style.cursor='pointer'; 
  167. $('options_' + name).parentNode.insertBefore(select_info,$('options_' + name)); 
  168. mouseSelects(name); 
  169. $('select_info_' + name).appendChild(document.createTextNode(li[n].innerHTML)); 
  170. $( 'options_' + name ).style.display = 'none' ; 
  171. $( 'select_info_' + name ).className = 'tag_select'; 
  172. selects[i].options[n].selected = 'selected'; 
  173. } 
  174. window.onload = function(e) { 
  175. bodyclick = document.getElementsByTagName('body').item(0); 
  176. rSelects(); 
  177. bodyclick.onclick = function(){ 
  178. for (i=0;i<selects.length;i++){ 
  179. $('select_info_' + selects[i].name).className = 'tag_select'; 
  180. $('options_' + selects[i].name).style.display = 'none'; 
  181. } 
  182. } 
  183. }</script> 
  184. </head> 
  185. <body><div style="margin:10px auto; width:349px; border:#ccc dotted 5px"> 
  186. <table width="100%" height="91" border="0" align="right" cellpadding="0" cellspacing="0"> 
  187. <tr> 
  188. <td width="19%" height="30"><span class="wenzi">· 我要找：</span></td> 
  189. <td colspan="3" class="zhao"><input name="sex" type="radio" class="isco" id="sex" value="1"/> 
  190. 女士 
  191. <input type="radio" name="sex" id="sex" value="0" checked="checked" /> 
  192. 男士 
  193. <input type="checkbox" name="photo" value="1" checked="checked"/> 
  194. 有照片</td> 
  195. </tr> 
  196. <tr> 
  197. <td height="31"><span class="wenzi">· 年 龄：</span></td> 
  198. <td width="23%"><div id="age_sel_1"> 
  199. <select name="age_selet1" id="age_select1"> 
  200. <option value="18">18</option> 
  201. <option value="28" >28</option> 
  202. <option value="38" >38</option> 
  203. <option value="48" >48</option> 
  204. <option value="58" >58</option> 
  205. <option value="68" >68</option> 
  206. <option value="78" >78</option> 
  207. <option value="88" >88</option> 
  208. <option value="98" >98</option> 
  209. </select> 
  210. </div></td> 
  211. <td width="6%">到</td> 
  212. <td width="46%"><div id="age_sel_2"> 
  213. <select name="age_selet2" id="age_select2"> 
  214. <option value="18">18</option> 
  215. <option value="28" >28</option> 
  216. <option value="38" >38</option> 
  217. <option value="48" >48</option> 
  218. <option value="58" >58</option> 
  219. <option value="68" >68</option> 
  220. <option value="78" >78</option> 
  221. <option value="88" >88</option> 
  222. <option value="98" >98</option> 
  223. </select> 
  224. </div></td> 
  225. </tr> 
  226. <tr> 
  227. <td><span class="wenzi">· 地 区：</span></td> 
  228. <td colspan="2"><div id="area_sel_1"> 
  229. <select name="area_selet1" id="area_select1"> 
  230. <option value="北京">北京</option> 
  231. <option value="上海" >上海</option> 
  232. <option value="武汉" >武汉</option> 
  233. <option value="南京" >南京</option> 
  234. <option value="广州" >广州</option> 
  235. <option value="沈阳" >沈阳</option> 
  236. <option value="西安" >西安</option> 
  237. <option value="郑州" >郑州</option> 
  238. <option value="长沙" >长沙</option> 
  239. </select> 
  240. </div></td> 
  241. <td><div id="age_sel_2"> 
  242. <select name="area_selet2" id="area_select2"> 
  243. <option value="北京">北京</option> 
  244. <option value="上海" >上海</option> 
  245. <option value="武汉" >武汉</option> 
  246. <option value="南京" >南京</option> 
  247. <option value="广州" >广州</option> 
  248. <option value="沈阳" >沈阳</option> 
  249. <option value="西安" >西安</option> 
  250. <option value="郑州" >郑州</option> 
  251. <option value="长沙" >长沙</option> 
  252. </select> 
  253. </div></td> 
  254. </tr> 
  255. </table></div> 
  256. </body> 
  257. </html> 
http://www.corange.cn//uploadfiles/1017_55488.jpg
select下拉选择框美化实现代码(js+css+图片)
10-29
图片+JavaScript+CSS三者共同打造超漂亮的select下拉选择框，更看重外观的朋友将会对本代码非常喜欢。
JS使用图片美化单个选择框(checkbox)
05-11
摘要:脚本资源,Ajax/JavaScript,复选框美化 JS实现单个图片美化选中框，选择框，也就是大家熟悉的checkbox功能，大家看下演示效果，比传统的复选框要漂亮多了，鼠标点击图片即可出现美化后的选择框，一个红色的对勾，兼容火狐和IE，效果不错。 运行环境：HTML/PHP/ASP/
基于CSS 和JS的网页SELECT下拉框美化,JQUERY 插件
weixin_30606461的博客
10-27 105
最近为公司的网页制做部，开发了一个用于美化网页上select 下拉框的JQUERY插件，拿来与大家分享。 1.解决了有些select 美化代码,无法触发原有select 控件的onchange 事件问题。 2.允许多次调用 $("...").selectCss()，以解决Select的options更新后无法同步的问题。 使用方法如下： 代码 <!DOCTYPE...
CSS3不一样的下拉选择框
小白知浅的博客
01-30 333
CSS3不一样的下拉选择框 本例中包含两个下拉选择框的动画示例，本例中并未使用select标签。本例中第一个案例也可用于标题、导航栏等位置。 案例一： html布局 <div class="content"> 　　<div class="select"> 　　　　<p att="select p"&gt...
原生JavaScript+Css模拟Select下拉框，美化
cynthia101的博客
01-20 6886
原生JavaScript+Css模拟Select下拉框，美化前言实现细节涉及到的技术效果展示代码展示Html结构Css结构JavaScript结构总结 前言 各位FEer，你们好！ 在我们的前端开发生涯中，有着许许多多的细枝末节，有的需要兼容低版本ie浏览器，有的是因为需要有更好的用户体验。最近呢，我们公司要为产品中心设计一个官方推广网站，其中的Select下拉框就因为设计师的交互靠原生不能很好的...
JS+CSS实现美化的下拉列表框效果
10-23
为了提升用户体验和界面美观性，开发者会使用JavaScript和CSS来实现美化下拉列表框的效果。本文将详细讲解如何通过这两种技术实现这一目标。 首先，我们来看CSS在美化下拉列表框中的作用。CSS主要负责改变下拉列表...
JS+CSS实现下拉列表框美化效果（3款）
11-28
本文通过结合JavaScript（JS）和层叠样式表（CSS）技术，提供了三款不同风格的下拉列表框美化方案，以提升用户体验和网页视觉效果。 首先，我们看到第一款美化后的下拉列表框被称为“U-Box Style”。这个设计通常会...
青蛙实战之用JS+CSS和图片美化下拉列表选择框（select)
02-27
青蛙实战之用JS+CSS和图片美化下拉列表选择框（select) 青蛙实战之用JS+CSS和图片美化下拉列表选择框（select)
jquery+css3美化select下拉列表框特效
08-05
3. **img**：这个文件夹可能包含一些用于美化下拉列表框的图像资源，如背景图片或图标。这些图片可能会被CSS引用，以增强视觉效果。 4. **js**：这个文件夹包含JavaScript代码，可能命名为`script.js`。这个文件...
图片下拉选择器
bluesky
07-18 185
是不是希望下拉列表的选项里可以显示图片呢，下面传个这样的东东，顺便贴张效果图。
css实现个性化select 下拉选择框(3种风格)
05-03
超级极品,自己手册,有3中下拉框选择风格,苹果风格,描边风格,凹凸风格,好东西就是贵点
JS+CSS和图片美化select下拉列表选择框
10-27
JS+CSS和图片美化select下拉列表选择框
CSS自定义select下拉选择框的样式(不用其他标签模拟)
02-01
怎么自定义select下拉选择框的样式，使用纯CSS实现，把浏览器默认的样式覆盖掉还是有其他的方法，select靠纯CSS是不能解决这个自定义样式问题，下面为大家讲解下CSS实现的思路
JS+CSS 制作的超级简单的下拉菜单附图
01-19
先看效果：  代码： 代码如下: <html> <head> <title>Good Test</title> [removed] function showSubMenu(SubMenu) { document.getElementById(SubMenu).style.display = “inline”; } function HideSubMenu(SubMenu) { document.getElementById(SubMenu).style.display = “none”; } [removed] <style> .menu{ margin:1px 1px 1px 1px; p
html原生控件美化,HTML表单美化
weixin_42611310的博客
05-31 411
由于一些系统原生的表单控件在各个浏览器中显示效果不一致，且无法设置某些关键CSS样式，为了保证表单在各浏览器中的兼容性，表单美化就是不得不做的一件事了单选按钮【实现效果】【实现过程】body{margin: 0;font: 16px/20px "宋体";}.box{width: 500px;height: 100px;line-height: 100px;margin: 0 auto;border...
css下拉框
weixin_43913877的博客
11-20 5232
css下拉框 在逛淘宝京东等网站时经常会有这种效果——鼠标悬浮会显示隐藏元素，我们称为下拉框，效果如下 下面介绍实现下拉框的原理以及方法 原理1： ① 触发鼠标悬浮状态的元素和隐藏的元素为兄弟关系，即必须拥有相同的父元素 ②将伪类：hover绑定给父元素，让父元素触发鼠标悬浮事件 ③隐藏的元素使用绝对定位，父元素设置相对定位，使其相对于父元素定位 <!DOCTYPE html> <html lang="en"> <head> <meta charset
html下拉 下拉框控件,js+CSS实现模拟华丽的select控件下拉菜单效果
weixin_33917663的博客
06-03 490
本文实例讲述了js+CSS实现模拟select控件的下拉菜单效果。分享给大家供大家参考。具体如下：这是一个JS+CSS技术实现的Select控件效果，模拟出来的，比默认的Select更漂亮，有了这个模板，你修改Select就更方便了，由此你也可以将其制作成CSS下拉菜单，在兼容性方面暂未测试，在IE8下没问题。运行效果截图如下：在线演示地址如下：具体代码如下：/p>"http://www.w...
JS+CSS和图片美化下拉列表选择框（select)
流程管理软件
11-20 1246
 http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml">青蛙实战之用JS+CSS和图片美化下拉列表选择框（select)-JS特效学院|Jsweb8.cn/*make by 穿皮鞋的青蛙QQ:66118181email:accord1104@hotmail.com欢迎光临JS特效
html下拉选择图片,图片+JavaScript+CSS打造漂亮的select下拉选择框
weixin_32058991的博客
06-03 1735
下拉select选择框body{margin:20px auto;font-family:Arial,Helvetica,sans-serif;font-size:12px;width:950px;height:400px;border:solid 1px #aaa;position:relative;padding:10px;}h1{font-size:12px;color:#444;}ul{m...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值