
HTML
Las_wang
一个菜鸟程序员的成长之路。
展开
-
echarts实现环状渐变图
最近后台又设计了新的ui,我这个后端工程师又开始写前端页面了。。。话不多说,上效果图,上代码,注意echarts版本会影响细微的表现效果 // 初始化统计图表 var xunjian = echarts.init(document.getElementById('xunjian_echart')); var baogao = echarts.init(document...原创 2020-02-28 14:24:47 · 4989 阅读 · 0 评论 -
父Iframe页面上实现子iframe刷新
笔者在开发时遇到这个问题,框架不支持,只好自己实现了。。上代码因为iframe没有id元素,获取当前活跃状态的标签data-id,然后根据这个来获取对应的iframe,实现刷新 var url = $('.J_menuTab.active').attr('data-id'); $("iframe[data-id='"+url+"']").attr('src', $("iframe[data...原创 2020-02-17 19:51:01 · 1388 阅读 · 0 评论 -
解决mui.previewImage之后页面a链接跳转失效问题
最近做项目的时候,使用了mui的图片点击预览,发现页面a链接失效了,解决办法如下:mui(‘body’).on( ‘tap’ , ‘a’ , function(){document.location.href=this.href;} )搞定!!!...原创 2019-08-27 15:57:54 · 1090 阅读 · 0 评论 -
Nicescroll用法
Nicescroll滚动条插件是一个非常强大的基于JQUERY的滚动条插件,不需要增加额外的css,几乎全浏览器兼容。ie6+,实现只需要一段代码,侵入性非常小,样式可完全自定义,支持触摸事件,可在触摸屏上使用。官网地址:http://www.areaaperta.com/nicescroll/引入核心文件,插件需要引入1.5.X以上版本的jquery库最简单的用法如下:$(d...原创 2018-04-11 10:35:42 · 1410 阅读 · 0 评论 -
Las.css
不积跬步无以至千里1.常用按钮样式 .las_btn{ width:100%; line-height: 3rem; text-align: center; } .las_btn p{ width: 50%; background-color: #ff9933; mar原创 2017-12-05 15:25:55 · 310 阅读 · 0 评论 -
Echarts实现省份下点击跳转到指定链接
因为项目要做一个辽宁省特产区域,涉及到地图。 话不多说上代码前端<!doctype html><html><head> <meta charset="utf-8"> <title>辽宁地区</title></head><body><div id="main" style="height:800px;"></div><script src="__PUBLIC__/Home/js原创 2017-11-24 17:36:00 · 6114 阅读 · 0 评论 -
Thinkphp 使用kindeditor全攻略
js<link rel="stylesheet" href="__PUBLIC__/kindeditor/themes/default/default.css" /><script charset="utf-8" src="__PUBLIC__/kindeditor/kindeditor-min.js"></script><script charset="utf-8" src="__PUBLIC原创 2017-11-24 09:38:12 · 1251 阅读 · 0 评论 -
php利用ip和cookie实现投票
话不多说上代码,两种写到一块了,注释掉的是ip方法,,同时还有jssdk的分享朋友圈和发送给朋友功能。 如果想限制刷票就用openid存到数据库里吧,记录一下时间,但没做。 前端<?phprequire_once "jssdk.php"; //放在网站根目录下$appid = '';$APPSECRET = '';$jssdk = new JSSDK($appid, $APPSECR原创 2017-11-22 09:55:36 · 1019 阅读 · 0 评论 -
轮播添加a链接之后无效
额,这个问题解决起来也非常简单。<script type="text/javascript"> $(function(){ $('.swiper-slide').click(function(){ var url=$(this).attr('data-url'); window.location.href=url;原创 2017-11-06 15:17:21 · 1603 阅读 · 0 评论 -
html5如何获取手机陀螺仪角度信息
html5事件中,deviceorientation事件,此事件是检测设备方向变化时的事件。其常用属性为alpha(x)、beta(y)、gamma(z)。 默认将手机垂直,且正面(90度)冲着自己 alpha:左右旋转 beta:前后旋转 gamma:扭转(自转)<html> <head> <title>DeviceOrientationEvent</title>原创 2017-10-23 11:06:19 · 2755 阅读 · 1 评论 -
HTML状态码
这些状态码被分为五大类: 100-199 用于指定客户端应相应的某些动作。 200-299 用于表示请求成功。 300-399 用于已经移动的文件并且常被包含在定位头信息中指定新的地址信息。 400-499 用于指出客户端的错误。 (自己电脑这边的问题) 自己电脑这边的问题) 500-599 用于支持服务器错误。 (对方的问题) 对方的问题)一些常见的状态码为: 200 - 服原创 2017-09-26 17:07:36 · 325 阅读 · 0 评论 -
PHP实现多图上传预览~(仿微信)
先上代码1.前台代码<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>发表话题</title> <link href="__PUBLIC__/Home/css/topic.css" rel="stylesheet"> <script src="__PUBLIC__/Home/原创 2017-09-14 18:34:58 · 4433 阅读 · 2 评论 -
前台php判断语句
标签实例<td> <php>if ($vo[status]==1){echo '启用';}</php> <php>if ($vo[status]==0) {echo '禁用';}</php></td>2.if condition条件判断<if condition="$recover['status'] eq 1">待填写订单</if>原创 2017-08-18 15:52:58 · 1364 阅读 · 0 评论 -
HTML有哪些meta标签
1、移动网站要加的html5相关meta和标签a、网页宽度默认等于屏幕宽度(width=device-width),初始缩放比例(initial-scale=1)为1.0,即网页初始大小占屏幕面积的100%。b、c、d、e、f、==================还有一种有趣的方法创建html5时发现这么一句话,如下:原创 2017-06-28 10:19:54 · 869 阅读 · 0 评论 -
双击td修改值,并用ajax保存到数据库中
前端js部分<script type="text/javascript">/** write by wanglas* hello*///正则获取url参数function GetQueryString(name){ var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)"); var r = window.locat原创 2017-07-03 16:52:06 · 1800 阅读 · 2 评论