首页 / HTML / 请教如何做一个弹出环形的选择器？_html/css_WEB-ITnose

请教如何做一个弹出环形的选择器？_html/css_WEB-ITnose

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了请教如何做一个弹出环形的选择器？_html/css_WEB-ITnose，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1769字，纯文字阅读大概需要3分钟。

内容图文

即选择项都是分布在环形的一圈上。
有朋友知道怎么做么？
或者知道有做的比较好看的网站，我去学习一下。谢谢了。

回复讨论(解决方案)

把元素绝对定位在某中心四周排列就行了，但你说的选择项是什么？
我给你个例子吧

无标题文档  CSDN
姓名
helloworld

对不起，我可能没有描述清楚。

我的意思是弹出层上就是圆环，比如圆环被3等分，每个段上显示一些信息。用户可以选择这3段。

圆环本身js没办法做，你在弹出层上用一个圆环背景图不就行了？
至于分几段，我这个里是一堆元素，随便你分几段，就用几个元素，你显示文字什么的都可以随便改，
当然如果要每个字都是在环形上排列，除非你把每个字都动态建一个元素，否则不可能。
则于你说的用户选择几段什么的，老是说我没看明白。
用户可以选择什么，我的思想里HTML只有select checkbox radio这几个东西才叫选择，不知道文字怎么选择法

你如果有想法，做个图出来是最好的，不然大家不一定猜得懂你的意思的

弄个背景，三段并列定义点击事件就行了。

我的意思
C:\Documents and Settings\User\My Documents\QQ截图未命名10.png

咋从本地上传个图片呢？我看插入图片是要求输入一个http的网址..

就是我头像的这种效果。thx.

如果你是固定的几个栏目，就是CSS绝对定位一下不就可以了，这里样式中的left top我没有写，你自己调一下。这种就是一个背景图，和几个元素的定位。

看过这个贴，表示无语~

不是很明白，如果对flash不限制的话，建议用flash去实现

你意思是不是点击圆的某个部分的时候，当前部分的圆弧移动出来还是什么意思？

告诉你一个最牛X的方法，做一张图片然后画热点吧热点支持多边形，嘎嘎

内容总结

以上是互联网集市为您收集整理的请教如何做一个弹出环形的选择器？_html/css_WEB-ITnose全部内容，希望文章能够帮你解决请教如何做一个弹出环形的选择器？_html/css_WEB-ITnose所遇到的程序开发问题。如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/397553.html

来源：【匿名】

【上一篇】显示是一片空白，照书上代码打的_html/css_WEB-ITnose 【下一篇】PHP 和 HTML

更多 ►

【请教如何做一个弹出环形的选择器？_html/css_WEB-ITnose】教程文章相关的互联网学习教程文章

Html学习之十（CSS选择器的使用--伪类选择器）【代码】【图】

伪类选择器一、基于a标签。1、:hover　　选择鼠标滑过的超链接元素2、:active　　选择鼠标单击中的超链接元素3、:link　　选择未被访问的超链接元素4、:visited　　选择已经被访问过的超链接元素二、基于input标签。1、:focus　　表示某个input元素被选中的情况。2、:enable　　启用input元素3、:disable　　禁用input元素三、:before和:after伪类选择器1.:before　　在一个元素之前添加一个元素2.:after　　在一个元素之后添加一个...

html5的选择器【代码】

<body> <p class="aa">aaa</p> <p class="bb">bbb</p> <p id="cc">ccc</p> </body> <script>//第一个class为aa的JS对象console.info(document.querySelector(‘.aa‘).childNodes[0].nodeValue);//选择idconsole.info(document.querySelector(‘#bb‘).textContent);//查找所有元素返回JS对象数组var allEle=document.querySelectorAll("*");for(var i=0;i<allEle.length;i++){console.info(allEle[i].tagName)}//选择第一个tagNam...

HTML5中类jQuery选择器querySelector的使用【代码】【图】

HTML5中类jQuery选择器querySelector的使用简介HTML5向Web API新引入了document.querySelector以及document.querySelectorAll两个方法用来更方便地从DOM选取元素，功能类似于jQuery的选择器。这使得在编写原生JavaScript代码时方便了许多。用法两个方法使用差不多的语法，都是接收一个字符串参数，这个参数需要是合法的CSS选择语法。element = document.querySelector(‘selectors‘); elementList = document.querySelectorAll(‘...

HTML选择器的使用和总结

一.基本选择器1.通配选择器：用【*】表示，<html><head><style type="text/css"><html><head><style type="text/css">*{ margin: 0; padding: 0; background-color:#999999; color:#FF0000;}div *{ margin: 0; padding: 0; background-color:#999999; color:#FF0000;}//只在div中起作用</style></head><body> <div> 长子div </div> 2.元素选择器：将某一元素的属性进行设置<html><head>...

HTML&CSS基础学习笔记1.33-元素选择器【代码】【图】

元素选择器最常见的 CSS 选择器是元素选择器。换句话说，文档的元素就是最基本的选择器：p { text-indent:10px; color:blue; } 什么情况下使用元素选择器，一般我们这样认为：如果你想要让页面中所有的指定元素都有这个CSS效果，可以使用元素选择器。有这样一段html代码：<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><link rel="stylesheet" type="text/css" href="index.css"><title></title></head><bo...

html 标签选择器

标签选择器可以控制body里面所有的标签，p标签可以控制body里所有的P标签，font标签可以控制body里所有的font标签…… <html><head><style>p{ font-size:36px; font-style:italic; color:#FF0 }</style></head>…… <body><p>这一现象的根本在于：优秀的人总能看到比自己更好的，而平庸的人总能看到比自己更差的。</p></body></html>原文：http://www.cnblogs.com/xuxuefeng8906/p/4630521.html

HTML5Canvas颜色选择器

这段代码是用HTML5来创建一个网页颜色选择器。首先在Canvas画一幅图，然后添加鼠标事件 “鼠标移动”，“鼠标点击”。在鼠标移动的时候，显示当前划过的颜色预览，在鼠标点击的时候，选中当前颜色，显示颜色的细节。 DEMO： http://www.oschina.net/uploads/demo/example158/ [代码] [HTML]代码html lang="en" > head> meta charset="utf-8" /> title>A title=HTML5 href="http://www.xyhtml5.com/">HTML5A> ...

jquery的基本选择器

javascript-怎么把html上文件选择器选中的文件上传到服务器指定目录并把patch记录到数据库呢？

html部分：$(function(){$("#form-staff-add").Validform({tiptype:3,}); });php部分：0){switch ($up_info['error'][$i]){case 1:$err_info="上传的文件超过了 php.ini 中 upload_max_filesize 选项限制的值";break;case 2:$err_info="上传文件的大小超过了 HTML 表单中 MAX_FILE_SIZE 选项指定的值";break;case 3:$err_info="文件只有部分被上传";break;case 4:$err_info="没有文件被上传";break;case 6:$err_info="找不到临时文...

HTML颜色选择器实现代码_javascript技巧

HTML颜色选择器范围：#000 - #FFF // &emsp;'); } document.writeln(''); var begin = 0; for (var i = 0; i '); for (var g = begin; g '); } } document.writeln(''); } } // ]]> [Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

原生的html元素选择器类似jquery选择器_javascript技巧

做前端，需要选择元素，虽说有jquery和各大js库已经帮我造好了轮子，但我想试试自己实现一个，正好项目也不忙，正好加入自己的js文件中，下面是实现代码。用$g(“#content .op”)这种格式就可以调用，和jquery $()的参数一样:function $findChilds(parentNode, text) { //如果不传入父节点的话，默认为body if(parentNode == undefined) parentNode = document.body; var childNodes = parentNode.childNodes; var results =...

原生的html元素选择器类似jquery选择器

做前端，需要选择元素，虽说有jquery和各大js库已经帮我造好了轮子，但我想试试自己实现一个，正好项目也不忙，正好加入自己的js文件中，下面是实现代码。用$g(“#content .op”)这种格式就可以调用，和jquery $()的参数一样: function $findChilds(parentNode, text) { //如果不传入父节点的话，默认为body if(parentNode == undefined) parentNode = document.body; var childNodes = parentNode.childNodes; var results ...

HTML颜色选择器实现代码

HTML颜色选择器范围：#000 - #FFF // &emsp;'); } document.writeln(''); var begin = 0; for (var i = 0; i [Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

MVC生成页码选择器返回HTML代码详解【图】

我主要讲此代码用于MVC的分布页。先看最终效果最终效果：样式为bootstrap3中的分页“pagination”，如果不使用bootstrap单独提出来并不大页码生成代码为： public string GetPaginationHtml(PaginationViewModel p) {var PageNum = p.Page;//当前页码（页码从1开始）var PageCount = p.PageCount;//总页数var ItemCount = p.ItemCount;//总条数var showPageNum = 6;//显示数字的页面数量var html = new StringBuilder();html.App...

html中css三种常见的样式选择器

1：标签选择器标签选择器，是所有带有某种标签的都生效。这里以p为例，也就是所有的带有p标记的都会这样的样式代码如下:<html><head><styletype="text/css">p{font:"宋体"; color:#FF0000}</style></head><body><pid="p1">我现在表现的是标签选择器</p><pid="p2">我也用的是标签选择器</p><h1>我没有被任何的选择器修饰</h1></body></html> 2：id选择器，注意id选择器是唯一的，因为只有id="yy"的才有这种样式，而一个页面里元素...

HTML - 技术教程分类

HTML 教程 HTML 简介 HTML 编辑器 HTML 基础 HTML 元素 HTML 属性 HTML 标题 HTML 段落 HTML 文本格式化 HTML 链接 HTML 头部 HTML CSS HTML 图像 HTML 表格 HTML 列表 HTML 区块 HTML 布局 HTML 表单 HTML 框架 HTML 颜色 HTML 颜色名 HTML 颜色值 HTML 脚本 HTML 字符实体 HTML URL HTML 速查列表 HTML 总结 XHTML 简介 HTML 媒体(Media) HTML 插件 HTML 实例 HTML 标签列表（功能排序） HTML 属性 HTML 事件 HTML 画布 HTML 音频/视频 HTML 颜色名 HTML 字符集 HTML ASCII HTML ISO-8859-1 HTML 符号 HTML 语言代码 html 全部

HTML - 最热教程

html5代码如何实现进度条功能？（示例）javascript中html字符串转化为jquerydo...HTML5实战与剖析之CSS选择器——getEle...html5中设置或返回音频/视频是否应该被...HTML5获取设备信息 jQuery打印指定区域Html页面并自动分页...jQuery+HTML5+CSS3制作支持响应式布局时...JS+HTML5实现上传图片预览效果完整实例...php删除html标签和标签内的内容的方法总...XMLHttpRequest中responseText如何获取...

首页 / HTML / 请教如何做一个弹出环形的选择器？_html/css_WEB-ITnose

请教如何做一个弹出环形的选择器？_html/css_WEB-ITnose

内容导读

内容图文

回复讨论(解决方案)

内容总结

内容备注

内容手机端

【请教如何做一个弹出环形的选择器？_html/css_WEB-ITnose】教程文章相关的互联网学习教程文章

Html学习之十（CSS选择器的使用--伪类选择器）【代码】【图】

html5的选择器【代码】

HTML5中类jQuery选择器querySelector的使用【代码】【图】

HTML选择器的使用和总结

HTML&CSS基础学习笔记1.33-元素选择器【代码】【图】

html 标签选择器

HTML5Canvas颜色选择器

jquery的基本选择器

javascript-怎么把html上文件选择器选中的文件上传到服务器指定目录并把patch记录到数据库呢？

HTML颜色选择器实现代码_javascript技巧

原生的html元素选择器类似jquery选择器_javascript技巧

原生的html元素选择器类似jquery选择器

HTML颜色选择器实现代码

MVC生成页码选择器返回HTML代码详解【图】

html中css三种常见的样式选择器

HTML - 相关标签

CSS - 相关标签

WEB - 相关标签

HTML - 技术教程分类

HTML - 最新教程

HTML - 最热教程