Html5
文章平均质量分 50
靳小霞
分享是快乐的
展开
-
css js jquey 实现大转盘抽奖
1.布局如图所示 2.实现思路 css布局分为 (1) 大转盘 (2)跑马灯 (3)内部转盘白色部分 (4) 奖品布局 (5) 抽奖按钮布局 js 部分: (1)初始化奖品 (2) 通过随机数获得获奖奖品 (3) 通过获奖的奖品计算转盘需要旋转的角度 (4)旋转停止提示中奖信息 ...原创 2020-12-26 09:46:19 · 444 阅读 · 0 评论 -
前端CSS实现八卦图,三角形
浅谈前端CSS中的一个硬核属性-border 前言 了解过前端的都知道,html 所有的标签都离不开border属性,Border,顾名思义,边框,给标签加个边框,就像我们生活中的窗户框子,Border除了可以设置标签的边框之外,还有很多隐藏的特殊功能,比如,可以'画'个图,可以达到和canvas一样的效果。 一、使用border画出一个太极八卦图 1.效果图如下 像这样的八卦图,除了可以使canvas画出来,我们强大的CS...原创 2020-10-22 16:57:45 · 1088 阅读 · 0 评论 -
Sublime Text 3 汉化插件安装教程
用Sublime Text编辑器,没用过,学习下。汉化进行如下。 1. ctrl + ` 快捷键或者 View > Show Console 菜单打开命令行,输入 import urllib.request,os,hashlib; h = '2915d1851351e5ee549c20394736b442' + '8bc59f460fa1548d1514676163dafc88'; pf原创 2017-03-17 10:47:43 · 2559 阅读 · 0 评论 -
JQ只select选框选择到底部时动态添加新元素
1.html<div class="form-group"> <select class="form-control" name="sectionselecta" id="sectionselecta"> <option value="0">区间</option> <option value="0">0</option> <option valu原创 2017-03-24 14:13:18 · 622 阅读 · 0 评论 -
checkbox 之只选中一个时 ,不勾选问题
在有些查询传值问题时需要勾选,有些人一直问为什么不用rediobutton,而用checkbox,这是为了解决,不选择时,传空,而查询时,rediobutton是必须选择一个的,我们需要传空值,而不要必须传默认值 1.html<div style="margin-bottom: 20px;margin-top: 20px"> <form action="" method="post">原创 2016-12-01 15:40:20 · 6000 阅读 · 0 评论 -
HTML布局之CSS
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>css</title> <style type="text/css"> a{ font-family: Verdana,sans-serif; font-weight: bold; text-原创 2016-10-07 10:30:19 · 259 阅读 · 0 评论 -
CSS之幻灯片
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> *{ margin: 0; padding:0; font:normal 12px/1.5em Verda原创 2016-10-12 09:36:53 · 409 阅读 · 0 评论 -
css之反馈表单
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> .feedback{ width: 398px; padding: 1px; border: 1px so原创 2016-10-11 16:44:45 · 1041 阅读 · 0 评论 -
CSS之搜索框
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> .search_box{ position: relative; width: 360px; } .search_box原创 2016-10-11 11:45:53 · 1149 阅读 · 0 评论 -
CSS之登录表单
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> .user_login{ width: 210px; padding: 1px; border:1px s原创 2016-10-11 11:21:21 · 943 阅读 · 0 评论 -
HTML5之拖放
(1)设置拖动元素属性为可拖放 draggable=”true” (2)拖 拖时传送的数据类型和值(被拖数据的数据类型和值) dataTransfer.setData(“Text”,ev.target.id);传送的数据类型为Text,传送的值为元素id (3)放 拖动的元素放置的位置由事件 ondragover规定 ondragover=”allowDrop(原创 2016-07-05 17:18:48 · 356 阅读 · 0 评论 -
文章标题
HTML Document Object Model(文档对象模型) HTML DOM树形结构 根据 W3C 的 HTML DOM 标准,HTML 文档中的所有内容都是节点: 整个文档是一个文档节点 每个 HTML 元素是元素节点 HTML 元素内的文本是文本节点 每个 HTML 属性是属性节点 注释是注释节点 节点树中的节点彼此拥原创 2016-07-11 17:09:10 · 341 阅读 · 0 评论