网页前端设计

http://www.86y.org
feedskyQQ邮箱

搜索文章

js文字从右往左无限滚动 支持PC,移动端2017/12/25 10:49:31

js文字从右往左无限滚动 支持PC,移动端

一、概述:关于文字滚动插件太多,PC跟移动端使用来能同时兼容的并不多,基于以上原因自己还是动手写了一个单纯的文字从右向左滚动的DEMO,思路来源于上一篇《小程序 文字从右往左无限滚动》。一个页面支持多个滚动。二、实现过程:1、解决思路:如果宽度滚动小于文字内容宽度,则滚动,反之停止。默认是只有一条标签,但是在实现过程中需要最好需要二条来实现,所以js会自动添加一条相同的内容。滚动的时候最好的方法不是让它滚完,而是当第一条滚动完后,同于第一条和第二条是无缝的,所以重新又从第一个内容开始滚动,切换时完全看不出来有...未完,继续阅读→

js插件滚动

阅读(151)条

小程序 文字从右往左无限滚动2017/12/7 16:20:21

小程序 文字从右往左无限滚动

一、概述:由于小程序里面使用的都是变量控制,所以使用起来比较难掌握,今天做了一个文字从右向左滚动的实例,写法比较简单。效果如下图所示:二、实现过程:1、解决思路:一共两个text控件,当第一个text滚动完后应该是看到第二个text控件了,但是在这个时候最好的方法不是让它滚完,而是用重新又从第一个text控件开始滚动,控制起来超级简单,基本实现了跑马灯的效果,另外加了一个如果文字不足一屏,不执行跑马灯的效果,而且添加了超大的间距,解决不会显示重复内容。以下是各部分完整代码,只要复制代码添加到相应页面即可看到效果。2、...未完,继续阅读→

小程序实例滚动

阅读(256)条

小程序 swiper 图片高度自适应+预览图片2017/12/5 11:34:13

小程序 swiper 图片高度自适应+预览图片

一、概述:在开发小程序的项目中,经常会用到swiper这个轮播组件,但是使用的时候会有一个问题,swiper系统会默认一个高度而且是px为单位的,如下:swiper { display:block; height:150px;}这些参数可以用其它样式覆盖,但是图片不可能固定高度。image的高度是无法用px固定单位,一般是宽固定 rpx,mode="widthFix" 高度自适应。下面就开始介绍如何用图片在swiper自适应高度,而不会被遮住。实际效果图如下:二、实现过程:1、小程序布局页面wxml<view class="container"> <swiper bindchange=&quo...未完,继续阅读→

小程序swiper图片

阅读(555)条

百度地图 js 检索屏幕区域 周边信息2017/12/2 13:50:33

百度地图  js 检索屏幕区域 周边信息

一、概述:最近刚刚做一个新的项目,是关于房地产的,用到了百度地图周边检索信息:如该坐标点附近的:学校、医院、地铁、公交、银行、休闲等一些设施需要切换显示出来。走了很多弯路,最初还是看人家怎么做的,然后模仿着做。最终还是从新找了新的方法,适合自己的才是好方法(底部附完整源码下载及演示链接)。效果如下图所示:二、需求分析及核心代码1、首先以坐标点为中心,在该屏幕区域内的坐标:var bs = map.getBounds(); //获取可视区域var bssw = bs.getSouthWest(); //可视区域左下角var bsne = bs.getNorthEast(); //可视区域...未完,继续阅读→

地图源代码js

阅读(149)条

微信小程序组件 使用button更有效的 打开客服会话2017/11/6 10:04:41

微信小程序组件 使用button更有效的 打开客服会话

一概述:本文不介绍如何开启客服,而是如何打开客服会话,本来使用contact-button控件是可以实现的,介是有效区域太小,所以还是得找替换方法,button是可以支持的只是在测试的时候需要用真机打开才会有效果,所以很多人在用contact-button来做,什么多放一些contact-button来增大有效点击区域,真是太无语了。二、以下是介绍两种使用方法:1、使用button来打开客服会话(本人推荐)button参数说明<view class="deg"><button open-type="contact" session-from="weapp"><image src=&q...未完,继续阅读→

小程序button客服

阅读(1099)条

微信小程序中显示html格式内容的方法 wxParse2017/10/13 10:16:57

微信小程序中显示html格式内容的方法 wxParse

前言最近项目上遇到在微信小程序里需要显示新闻内容,新闻内容是通过接口读取的服务器中的富文本内容,是html格式的,小程序默认是不支持html格式的内容显示的,那我们需要显示html内容的时候,就可以通过wxParse来实现。准备工作:首先我们下载wxParsegithub地址:https://github.com/icindy/wxParsewxParse下载完之后我们需要用到目录下的wxParse文件夹,把他拷贝到我们的项目目录下下面是具体的使用步骤1、在app.wxss全局样式文件中,需要引入wxParse的样式表@import "/page/wxParse/wxParse.wxss";2、在需要加载htm...未完,继续阅读→

小程序html

阅读(466)条

.net操作XML【查、增、改、删】实例源代码下载2017/9/1 15:41:08

.net操作XML【查、增、改、删】实例源代码下载

一、概述:.net对于XML操作已经有比较多的代码在网上流传,但是能用的没有几个。所以在此专门做成了一个实例,以便后来人。下载地址在文章底部本实例围绕以下XML的格式为基础。我相信只要学会了这篇文章,其它的只是大同小异。<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0"> <channel> <title>幸凡学习网</title> <description>是一个免费提供代码分享的一个网站,专注于.net、SEO、Div+css、javascript、SEO、经...未完,继续阅读→

xmlnet

阅读(442)条

解决.net 操作XML 存储带有尖括号>的问题2017/9/1 15:07:21

解决.net 操作XML 存储带有尖括号>的问题

.net在操作xml时发现无法直接保存类似尖括号(<,>) 等问题。找了好久也没找到原因。然后自己瞎测试,居然可以了!本来是用InnerText插入值是为文本,如果有尖括号或其它特殊字符会自动被转码。我这本来就是做站点RSS功能的肯定是需要添加文章内容,此时就需要用到 CDATA (CDATA是不通过解析器进行解析的文本,文本中的标签不被看作标记。)<description><![CDATA[ 文章内容 ]]></description>文章内容必须保存特殊字符转码过了,才不会报错。本来批量生成不会自动转码,单个操作然后保存居然会被转码成&a...未完,继续阅读→

netxml

阅读(469)条

解决photoswipe插件 url 参数&gid=null2017/8/29 17:07:24

解决photoswipe插件 url 参数&gid=null

一、概述:photoswipe.js 插件 点击图片展示时 &gid=null 怎么回事,为什么报这个null,展示还是可以用的,但是发现为null后没刷新是没办法自动展示的。在网上没找着这个问题,但是还是被发现了。photoswipe.js是一款非常棒的图片预览插件,支持手机、PC端。非常好用,自定义非常好,但是需要一定的JS功底才能做出自己要实现的效果。因为我要在使用swiper 焦点图切换的基础上使用图片预览特效,所以我的html代码如下:<div id="demo-test-gallery" class="demo-gallery swiper-container"> <div cl...未完,继续阅读→

插件图片展示js

阅读(495)条

wumii.com无觅网挂了?做自己的插件吧!2017/8/25 14:21:19

wumii.com无觅网挂了?做自己的插件吧!

今天无意间登录了下网站看技术文章,发现无觅相关推荐文章没有显示出来。然后就打开了一下http://www.wumii.com/site/index,发现已经打不开网了!真是无厘头,一点点防备也没有,也没有提前通知。这不是坑人吗!所以用人家的没办法,还是想办法弄个自己的相关随机文章吧。思路:通过“关键字”来做相关文章在ACCESS中SQL查询语句如下:(但是在C#代码中需要用%替换*,其原因未知)例如:文章ID:825,关键字为:sql,access。SELECT TOP 10 * FROM (select * from (select * from art where keyword like "*access*&qu...未完,继续阅读→

Access数据库的模糊查询到底是用*还是%2017/8/25 14:01:31

Access数据库的模糊查询到底是用*还是%

今天被用了一下Access数据库,结果被它的模糊查询给折腾了一上午,到底是用*还是%?特此记下来事情是这样的,我用C#写了个小的窗体程序,访问Access数据库进行一个模糊查询,我先手工往Access数据库里填一些数据,然后用它的查询工具想试一下效果,直接写了一条语句:select * from news where title like '%公司%'运行没结果,汗啊,不可能吧,剔除了like的模糊查询它又没问题,邪门了,上网找啊找,有说Access中* 为匹配多个字符串,好吧把%号改为*号,运行,嘿,还真是哈,长见识了,难倒Access不支持标准SQL语句?疑惑之际,写程...未完,继续阅读→

access数据库查询

阅读(361)条

浅谈jquery中attr和prop的区别2017/8/9 11:11:40

浅谈jquery中attr和prop的区别

一、概述:在高版本的jquery引入prop方法后,什么时候该用prop?什么时候用attr?它们两个之间有什么区别?这些问题就出现了。关于它们两个的区别,网上的答案很多。这里谈谈我的心得,我的心得很简单:对于HTML元素本身就带有的固有属性,在处理时,使用prop方法。对于HTML元素我们自己自定义的DOM属性,在处理时,使用attr方法。 二、说明:上面的描述也许有点模糊,举几个例子就知道了。<a href="http://www.86y.org" target="_self" class="btn">幸凡学习网</a>这个例子里<a>元素...未完,继续阅读→

jqattrprop

阅读(463)条

C#.NET用HttpWebRequest 添加 headr 解决方法2017/7/29 11:34:14

C#.NET用HttpWebRequest 添加 headr 解决方法

平时写HttpWebRequest程序抓取html时,我们经常要模拟浏览器进行数据的获取或提交,因此就必须要对http头的相关属性进行设置。但当我需要设置“Host”值的时候,比如:request.Headers.Set("Host", "86y.org");以为万事大吉了,但运行时却提示【无法直接修改标题“Host”】,无法修改!怎么办?在http头中,不仅“Host”不能设置,其他的一些属性也有无法设置的情况,比如“Connection”request.Headers.Set("Connection", "keep-alive");这样写会...未完,继续阅读→

net抓取header

阅读(1251)条

nestedSortable.js jq插件 判断菜单是否拖动到所移动的位置 源代码下载2017/7/24 11:22:02

nestedSortable.js jq插件 判断菜单是否拖动到所移动的位置 源代码下载

一、概述:最近在做自定义模块这类的功能,导航菜单需要自定义,也就是二级与一级菜单可以相互拖动。为什么说nestedSortable.js使用起来方便,因为他这个比其它的插件更要人性化,而不是一味的为拖动而已,而且保留有拖动后的菜单只是隐藏,再配合另外一个很好的API函数:isAllowed: function (placeholder, placeholderParent, currentItem) ,判断是否允许移动,return false则取消拖动显示隐藏的拖动菜单,return true则执行拖动隐藏的拖动菜单。有点小不爽的就是使用了很多JS插件1、jquery.min.1.11.0.js http://code.jquery.com...未完,继续阅读→

jq菜单拖动插件

阅读(654)条

.net 视频转换成m3u8列表+缩略图(附源代码下载)2017/7/15 8:41:45

.net 视频转换成m3u8列表+缩略图(附源代码下载)

一、概述:现在使用m3u8格式的视频也是越来越多,因为可以兼容PC、移动端。最主要的是可以做到减轻服务器的压力(按需加载)。html5播放m3u8(hls)示例:www.86y.org/demo/m3u8/  示例使用的播放器是:chplayer 是一个不错的开源播放器这样可以兼容各个平台,需要的可以进去下载并使用。本实例也是在网上下载下来的(来源),但是直接运行是会报错的。最后成功实现了转换功能,所以在此记录下使用过程及心得。主要是运用了ffmpeg.exe。生成后的文件如下:(切片软件源码下载地址在文章结尾) 二、使用环境:1、运行环境需要...未完,继续阅读→

m3u8ffmpeg视频转换

阅读(1352)条

jQueryRotate旋转插件 使用说明2017/6/26 10:12:33

jQueryRotate旋转插件 使用说明

一、概述:最近公司准备做一个html5的转盘效果,所以在网上找了一些资料,发现这个插件(jQueryRotate)挺不错的所以就记录下来。使用也很方便,可以快速制作动画。效果如下:二、参数说明:参数类型说明默认值angle数字旋转一个角度0animateTo数字从当前的角度旋转到多少度0step函数每个动画步骤中执行的回调函数,当前角度值作为该函数的第一个参数无easing函数自定义旋转速度、旋转效果,需要使用 jQuery.easing.js无duration整数旋转持续时间,以毫秒为单位无callback函数旋转完成后的回调函数无getRotateAngle函数返回旋转对象当...未完,继续阅读→

插件说明旋转

阅读(837)条

css3 伪元素模拟单、复选框特效 之 如何更容易的选中2017/6/16 14:48:37

css3 伪元素模拟单、复选框特效 之 如何更容易的选中

一、概述:本来Css3模拟单、复选框是挺容易的,问题不是在这个上面,而是如何更容易的选中。而不仅仅是那个单、复选框的区域。所以本实例是整行都可以选中。本实例采用纯Css3配合来完成的,并不需要js,相反以前做的部分还是用JS事件去做这个效果,发现真的很LOW。随着html5越来越普及,估计以后代码都会越来越精简了!效果如下图所示:二、实现及代码:1、因为只要点击input区域就可以选中或取消,所以我就围绕input来做动作,只要input足够大能点击的到就行了,但是又要能看到其它的内容,本来都是用label模拟的效果,所以input是无法被我们...未完,继续阅读→

css3伪元素技巧

阅读(1032)条

html5+ js +css3 点击后水波纹扩散效果 兼容移动端2017/6/15 15:00:48

html5+ js +css3 点击后水波纹扩散效果 兼容移动端

一、概述:其实很早就看到过点击后水波纹扩散效果这种了,APP中比较常见,所以今天特意找了一些资料然后做成DEMO分享给大家,让大家更容易的学到并运用到实际项目中去。实例效果如下: 现在 新版 chrome 59.0 PC端 在【设置】中很多操作按钮已经有这个效,果如下:二、实现原理:1、超出按钮隐藏;2、里面新增加标签模拟圆;3、用JS控制圆的宽度及坐标;4、关键是css3样式控制从小到大逐渐透明的动画。三、源代码:(兼容移动端)预览地址:http://www.86y.org/demo/ripple/<!DOCTYPE html><html><head><meta http-eq...未完,继续阅读→

特效移动端demo

阅读(2460)条

css 兼容ie8 rgba()的办法2017/6/14 15:56:11

css 兼容ie8 rgba()的办法

今天遇到了一个问题,要在一个页面中设置一个半透明的白色div。这个貌似不是难题,css3只需要给这个div设置如下的rgba即可:background: rgba(255,255,255,.1);但是要兼容到ie8。这个就有点蛋疼了。因为ie8不支持rgba()函数。下面我们总结一下rgba()函数的含义。rgba的含义,r代表red,g代表green,b代表blue,红绿蓝是三原色。所有颜色都可以由这三种颜色拼合而成。a代表透明度。比如rgba(255,255,255,0.1)就是透明度为0.1的白色。在现代浏览器中是支持rgba的。但是在ie8等古董级浏览器中是不支持的rgba的,ie8只能勉强支持rgb()函数(即...未完,继续阅读→

兼容cssrgbaie8

阅读(885)条

优雅无关金钱2017/5/19 16:01:26

优雅无关金钱

一身纯白的套状,面带微笑。每天早上,她走过公司的大门,人们都会投去羡慕的目光。她的高雅华贵由内向外散发,她的灿烂微笑毫不做作。这并不奇怪,拿着高薪,衣食无忧,兴许还嫁了位富豪,又有什么理由不高雅呢?  可熟悉她的人都知道,这些仅仅是人们的主观臆断罢了。  她只是这家公司的勤杂工,做着领报纸、送文件、打开水、拖地板之类的琐碎事,每月仅有1000元的薪水,她还经常被大家招来唤去。她下岗后找到这份差事。两年前离婚,负心的丈夫除了女儿,什么也没有留下。她寄宿在娘家,和女儿住在父亲那间书房里。  父亲对她的影响极大。她小时...未完,继续阅读→

美文精神

阅读(992)条

当前第  1  页 / 共  39  页  总共773条记录  

12345678