TypechoJoeTheme

轩宇网

最新文章

2018-08-09

基于HTML5的有弹幕功能的视频播放器

基于HTML5的有弹幕功能的视频播放器
Danmmu Player是一个具备弹幕功能的Html5视频播放器。我们在观看视频的时候,可以对视频发表自己的观点,当点击发送按钮后,发表的内容会在视频屏幕上以彩弹的形式发出,并做滚动展示动画效果,即视频弹幕功能。如何使用Danmmu Player需要依赖jQuery,因此首先需要加入相关css和js文件。<link rel="stylesheet" href="css/main.css"> <script src="js/jquery-2.1.4.min.js"></script> <script src="js/jquery.danmu.js"></script> <script src="js/main.js"></script>接下来,在body中需要放置播放器的位置加入如下代码:<div id="danmup"></div>最后,关键的部分,配置...
2018年08月09日
4,960 阅读
0 评论
2018-08-09

弹出式全屏导航菜单

弹出式全屏导航菜单
我们需要在一个有限尺寸的页面上展示多个导航菜单,可以使用下拉菜单、弹出式菜单等等。今天我要给大家演示的是可以使用CSS动画和jQuery来实现的弹出式全屏导航菜单效果。HTML在HTML结构中,我们需要一个触发菜单的按钮,如:.cd-bouncy-nav-trigger就是一个用来触发弹出式菜单的按钮。.cd-bouncy-nav-modal是一个弹出模态窗口,默认隐藏。它用来全屏展示菜单列表,当然也有关闭按钮.cd-close。<section class="cd-section"> <a class="cd-bouncy-nav-trigger" href="#0">点击查看分类</a> </section> <!-- .cd-section --> <div class="cd-bouncy-nav-modal"> <nav> <ul class="cd-boun...
2018年08月09日
4,870 阅读
0 评论
2018-08-09

MySql数据库查询结果用表格输出PHP代码示例

MySql数据库查询结果用表格输出PHP代码示例
在一般的网站中,我们会通常看到,很多数据库中表的数据在浏览器都是出现在表格中的,一开始让自己感到很神奇,但是仔细想想也不算太复杂,既然可以dql和dml的一般返回,以表格的方式返回应该也不成问题,但是,有一点说明的是,在客户端设计脚本去实现问题是不对的,即便可以实现起来也是非常复杂,所以,只能在服务器的方面去考虑,想想问题解决的方式就有了,即在返回的时候打印表格标签和对应属性和属性值,虽然说这种方式看起来不太合理,但是这也是最为有效的方法。具体的代码如下:<?php //在表格中显示表的数据,常用方式 function ShowTable($table_name){ $conn=mysql_connect("localhost","root","toor"); if(!$conn){ echo "连接失败"; } mysql_select_db("test",$conn); ...
2018年08月09日
4,802 阅读
0 评论
2018-08-09

最全的常用正则表达式大全

最全的常用正则表达式大全
一、校验数字的表达式1、数字:^[0-9]*$2、n位的数字:^d{n}$3、至少n位的数字:^d{n,}$4、m-n位的数字:^d{m,n}$5、零和非零开头的数字:^(0|1-9*)$6、非零开头的最多带两位小数的数字:^(1-9*)+(.[0-9]{1,2})?$7、带1-2位小数的正数或负数:^(-)?d+(.d{1,2})?$8、正数、负数、和小数:^(-|+)?d+(.d+)?$9、有两位小数的正实数:^[0-9]+(.[0-9]{2})?$10、有1~3位小数的正实数:^[0-9]+(.[0-9]{1,3})?$11、非零的正整数:^[1-9]d$ 或 ^([1-9][0-9]*){1,3}$ 或 ^+?1-9$12、非零的负整数:^-[1-9][]0-9"*$ 或 ^-[1-9]\d*$13、非负整数:^d+$ 或 ^[1-9]\d*|0$14、非正整数:^-[1-9]d*|0$ 或 ^((-\d+)|(0+))$15、非负浮点数:^d+(.d+)?$ 或 ^[1-9]\d*\.\d*|0\.\d*[1-9]\d*|0?\.0+|0$16、非正浮点数:^((-d+...
2018年08月09日
5,451 阅读
0 评论
2018-08-09

功能最全的仿淘宝、京东 js 三级四级多级联动地区选择插件 regionPicker PC端/手机移动端

功能最全的仿淘宝、京东 js 三级四级多级联动地区选择插件 regionPicker PC端/手机移动端
特点最大的特点是:丰富的调用参数和各种体贴入微的功能,满足各种项目的变态需求。具体如下:支持PC端和手机移动端(采用虚拟页面形式)。 PC端支持两种形式:1、仿淘宝弹层形式;2、select 下拉菜单形式。 支持 1-4 级地区联动(国家/省份/城市/县区),可自定义合理的级别范围。 弹层模式时,国家/省份 这两级数据可按名称首拼分组。支持动态异步数据和单纯使用静态数据两种形式。 支持自定义数据结构 key,方便跟您现有地区数据无缝结合。 支持同一页面实例化 N 个插件。 提供全世界多级地区数据(MySQL),但不保证数据正确性,请谨慎用于生产环境。 支持自定义弹层类名,可以非常方便地定制插件样式。 选择时(popup 的地区被点击时 或 select 下拉框被选择时)的回调,提供了所选择的层级数据(包括:地区名称、id、是否是最后一级),方便给表单隐藏域赋值,以及验证是否已经选到要求的层级等。 弹层关闭时的回调参数同上。 select下拉菜单形式可设置为选了上一级才出现下一级的形式。 更多惊喜请慢慢体验...放个图点这里访问 demo:$.fn.regionP...
2018年08月09日
6,703 阅读
0 评论
2018-08-09

ThinkPHP3.2.2自定义success及error跳转页面

ThinkPHP3.2.2自定义success及error跳转页面
默认的thinkphp success及error的默认模板不是很好看,下面分享如何自定义success及error页面,这里用的是thinkphp 3.2.2版本默认的thinkphp success及error的默认模板不是很好看,下面分享大家如何自定义success及error页面,这里用的是thinkphp 3.2.2版本 首先在配置文件中添加以下代码(/Application/Admin/Conf/config.php)//自定义success和error的提示页面模板 'TMPL_ACTION_SUCCESS'=>'Public:dispatch_jump', 'TMPL_ACTION_ERROR'=>'Public:dispatch_jump',这里error和success是公用的一个模板文件,代码如下(/Application/Admin/View/Public/dispatch_jump.html)<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ...
2018年08月09日
5,407 阅读
0 评论
2018-08-09

ThinkPHP3.2.3中如何显示二级栏目

ThinkPHP3.2.3中如何显示二级栏目
一、控制器代码如下:public function index() { $cate = D('cate');//实例化数据表cate /* 方法一*/ $where['parent_id']=0; $cates = $cate->where($where)->select(); /* 方法二 $cates = $cate->where(array('parent_id'=>'0'))->select(); */ $this->assign('cates',$cates);//分配到模板中 $this->display(); }二、在Application/common/common目录下的function.php写一个get_cate_children()函数通过获取父ID来查询所有子栏目函数代码如下:/* 传入参数为当前栏目的id(即所要调用的子栏目的paren_id) */ function get_cate_children($cate...
2018年08月09日
4,056 阅读
0 评论
2018-08-09

jQuery鼠标移到小图显示大图效果

jQuery鼠标移到小图显示大图效果
首先需要引入jQuery1.官网jquery压缩版引用地址: 3.1.1版本:  <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>3.0.0版本:  <script src="https://code.jquery.com/jquery-3.0.0.min.js"></script> 2.1.4版本:  <script src="http://code.jquery.com/jquery-2.1.4.min.js"></script>2.百度压缩版引用地址:  <script src="http://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>3.微软压缩版引用地址:  <script src="http://ajax.aspnetcdn.com/...
2018年08月09日
4,277 阅读
0 评论
2018-08-09

PHP自动更新网站

PHP自动更新网站
目前软件开发主流越来越倾向于B/S模式,不同于C/S模式的软件,B/S模式下的WEB程序自动更新是个麻烦问题。本人利用PHP下载远程文件和ZIP类,写了一个简单的自动更新DEMO,供大家参考。服务端目录结构|data|--20140918.zip |--index.php其中 data 文件夹用来存放补丁包,index.php 文件用来响应版本数据给客户端。index.php<?php sleep(3); header('Content-Type:application/json;utf-8'); echo json_encode(array( '20140918' => array( 'version' => 20140920, 'desc' => 'BUG修正,缓存系统', 'url' => 'http://' . $_SERVER['HTTP_HOST'] . $_SERVER['REQUEST_URI'] . '/data/20140918.zip' ) )); exit();2...
2018年08月09日
3,875 阅读
0 评论
2018-08-09

PHP利用百度地图API进行IP定位和GPS定位

PHP利用百度地图API进行IP定位和GPS定位
最近在做一个手机端的webapp地图应用,而核心内容当然是定位了,但是定位的话有几种方式,IP定位,GPS定位,基站定位(这个貌似webapp用不了),那么剩下核心的gps定位和ip定位了,我们知道,html5有定位API,但是该API拿到的GPS数据是硬件坐标,无法直接显示在地图上。后来上百度LBS云看到有地图IP定位API和GPS坐标转换API,地址:http://developer.baidu.com/map/百度地图API的调用需要申请KEY,这里就不具体介绍了,直接贴上本人写了两个关键方法,为了方便前台调用,返回数据采用以下格式:{ address: "北京市海淀区西二旗北路", province: "北京市", city: "北京市", street: "西二旗北路", street_number: "", city_code: 131, lng: 116.3207676804, lat: 40.06408...
2018年08月09日
5,197 阅读
0 评论