Welcome 微信登录

首页 / 脚本样式 / JavaScript

基于jQuery+PHP+Mysql实现在线拍照和在线浏览照片

基于jQuery+PHP+Mysql实现在线拍照和在线浏览照片

2017年02月06日 11 阅读
本文用示例讲述了如何使用jQuery与PHP及Mysql结合，实现WEB版在线拍照、上传、显示浏览的功能，ajax交互技术贯穿本文始末，所以本文的读者要求具备相当熟悉jQuery及其插件使用和javscript相关知识，具备PHP和Mysql相关知识。点击此处下载源码HTML首先，我们要建立一个主页面index.html来展示最新上传的照片，我们使用jQuery来获取最新的照片，所以这是一个HTML页面，不需要PHP标签，当然还要建立一个包括用来拍照和上传...
js实现的Easy Tabs选项卡用法实例

js实现的Easy Tabs选项卡用法实例

2017年02月06日 13 阅读
本文实例讲述了js实现的Easy Tabs选项卡用法。分享给大家供大家参考。具体如下：本网页选项卡是Easy Tabs选项卡插件中的一个演示实例代码，是一个最简单的选项卡样式，稍带点动画色彩，希望大家喜欢哦。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/js-Easy-Tabs-cha-menu-codes/具体代码如下：<！DOCTYPE html PUBLIC "-//W3C//DTD XHTML ...
js实现带缓冲效果的仿QQ面板折叠菜单代码

js实现带缓冲效果的仿QQ面板折叠菜单代码

2017年02月06日 11 阅读
本文实例讲述了js实现带缓冲效果的仿QQ面板折叠菜单代码。分享给大家供大家参考。具体如下：带缓冲效果的仿QQ面板折叠菜单代码，使用方法：调用效果: Effect（1,2）; 其中1为: 被改变对象的id 其中2为: 控制容器的id 可在使用: this.parentNode.id 取得（父标签的id）注意给对象ID的时候一定不要重复。运行效果如下图所示：在线演示地址如下：http://demo.jb51.net/js/2015/js-buffer-styl...
jQuery满屏焦点图左右滚动特效代码分享

jQuery满屏焦点图左右滚动特效代码分享

2017年02月06日 12 阅读
本文实例讲述了jQuery横向擦除焦点图特效。分享给大家供大家参考。具体如下：jQuery焦点图是一款满屏左右滚动，带左右按钮，带缩略图，支持自动轮播的焦点图代码。运行效果图： -------------------查看效果 下载源码-------------------小提示：浏览器中如果不能正常运行，可以尝试切换浏览模式。为大家分享的jQuery满屏焦点图左右滚动特效代码如下<！DOCTYPE html PUBLIC "-//W3C//DTD X...
js实现全国省份城市级联下拉菜单效果代码

js实现全国省份城市级联下拉菜单效果代码

2017年02月06日 11 阅读
本文实例讲述了js实现全国省份城市级联下拉菜单效果代码。分享给大家供大家参考。具体如下：这是一个大家都知道的网页小功能，很常见，全国省份与城市级联菜单，采用Select下拉的方式选择数据，不过现在很多都Ajax了，貌似这种老形式已经过时了，不过在兼容性方面，仍然是不落后的。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/js-conv-city-xl-menu-style-codes/具体代码如下：<！D...
原生JS实现美图瀑布流布局赏析

原生JS实现美图瀑布流布局赏析

2017年02月06日 11 阅读
自pinterest网站爆红以来，国内一度掀起“仿PIN”狂潮，诸如花瓣、蘑菇街等等。正是如此，“瀑布流”式布局受到广大网民的青睐。众多知名JS库，也相继出现“瀑布流”布局插件，譬如jQuery的Masonry插件、KISSY的waterfall插件等。今天闲来无聊，我也自己动手弄了段原生JS代码，实现了简单的“瀑布流”布局效果，当然肯定不能和以上那些优秀插件相提并论，有兴趣的朋友，可以去看看，希望能带给你或多或少的收获。1. js代码： <！DOC...
js实现可折叠展开的手风琴菜单效果

js实现可折叠展开的手风琴菜单效果

2017年02月06日 11 阅读
本文实例讲述了js实现可折叠展开的手风琴菜单效果。分享给大家供大家参考。具体如下：这是一款可折叠展开的菜单，手风琴菜单，运用CSS与JavaScript技术实现的合拢与伸展的网页菜单，代码简洁，来自老外的代码作品，希望大家喜欢。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/js-hidden-show-sfq-style-menu-codes/具体代码如下：<！DOCTYPE html PUBLIC "...
jQuery平滑旋转幻灯片特效代码分享

jQuery平滑旋转幻灯片特效代码分享

2017年02月06日 12 阅读
本文实例讲述了jQuery平滑旋转幻灯片特效。分享给大家供大家参考。具体如下：这一款基于jQuery实现平滑旋转幻灯片代码，效果超酷，场面相当震撼；图片大小和颜色自定义请修改jQuery-jcImgScroll.js。运行效果图： -------------------查看效果 下载源码-------------------小提示：浏览器中如果不能正常运行，可以尝试切换浏览模式。js关键代码：<script src="js/jQuery-1.7.1....
jquery实现简单的二级导航下拉菜单效果

jquery实现简单的二级导航下拉菜单效果

2017年02月06日 11 阅读
本文实例讲述了jquery实现简单的二级导航下拉菜单效果。分享给大家供大家参考。具体如下：jQuery代码实现的二级导航菜单效果，非常简洁，喜欢简洁风格的朋友您可以下载哦。菜单最多支持两级，CSS的配合也是挺重要的，不多说了，要代码的就直接复制吧。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/jquery-2jxl-menu-codes/具体代码如下：<title>jquery二级导航菜单<...
js+css实现超简洁的二级下拉菜单效果代码

js+css实现超简洁的二级下拉菜单效果代码

2017年02月06日 12 阅读
本文实例讲述了js+css实现超简洁的二级下拉菜单效果代码。分享给大家供大家参考。具体如下：这是一个很简洁的CSS+JavaScript二级菜单，没有使用过多的修饰素材，尽量不调用外部图片，简洁大方，而且便于二级开发完善，最初是一个政府网站上的菜单。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/js-css-simple-2jxl-menu-style-codes/具体代码如下：<！DOCTYPE ht...
关于JS中prototype的理解

关于JS中prototype的理解

2017年02月06日 11 阅读
每一个构造函数都有一个属性叫做原型（prototype）。这个属性非常有用：为一个特定类声明通用的变量或者函数。prototype的定义你不需要显式地声明一个prototype属性，因为在每一个构造函数中都有它的存在本文基于下面几个知识点:1 原型法设计模式在.Net中可以使用clone（）来实现原型法原型法的主要思想是，现在有1个类A,我想要创建一个类B,这个类是以A为原型的,并且能进行扩展。我们称B的原型为A。2 javascript的方法可以分为三类...
jquery实现标题字体变换的滑动门菜单效果

jquery实现标题字体变换的滑动门菜单效果

2017年02月06日 13 阅读
本文实例讲述了jquery实现标题字体变换的滑动门菜单效果。分享给大家供大家参考。具体如下：这里使用jquery字体会变大的网页滑动门菜单，当把鼠标放在“门”上的时候，门内的菜单字体会变大变色，对应的内容同时切换，不知如何形容本效果，所以就叫字体会变的滑动门吧。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/jquery-font-cha-tab-menu-style-codes/具体代码如下：<！DOC...
js实现兼容性好的微软官网导航下拉菜单效果

js实现兼容性好的微软官网导航下拉菜单效果

2017年02月06日 11 阅读
本文实例讲述了js实现兼容性好的微软官网导航下拉菜单效果。分享给大家供大家参考。具体如下：这是一款微软官网导航菜单，兼容好的下拉菜单，微软官网导航效果，在IE6下没有动画效果，顺便也把IE6的效果给加上，兼容IE6。现在微软的官方网站正在使用，我觉得非常不错。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/js-microsoft-web-nav-menu-codes/具体代码如下：<！DOCTYPE h...
JS实现弹性菜单效果代码

JS实现弹性菜单效果代码

2017年02月06日 11 阅读
本文实例讲述了JS实现弹性菜单效果代码。分享给大家供大家参考。具体如下：这是一款JavaScript+CSS实现弹性菜单——纯属自己写着练习，无使用第三方的类库，我觉得是值得学习前端设计的朋友参考的，有兴趣的朋友可以把弹性的菜单背景换成一个漂亮的图片，这样更漂亮了。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/js-tx-move-menu-style-codes/具体代码如下：<！DOCTYPE ht...
jQuery实现简单下拉导航效果

jQuery实现简单下拉导航效果

2017年02月06日 11 阅读
本文实例讲述了jQuery实现简单下拉导航效果。分享给大家供大家参考。具体如下：这里粗略做一款基于jquery的下拉导航菜单效果，我觉得挺不错，虽然没有怎么美化，但是代码易懂，另外修补的空间也比较大，相信对学习CSS以及jquery的朋友有不小的帮助。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/jquery-xl-down-show-nav-codes/具体代码如下：<！DOCTYPE HTML>...
jquery的幻灯片图片切换效果代码分享

jquery的幻灯片图片切换效果代码分享

2017年02月06日 11 阅读
本文实例讲述了jquery的幻灯片图片切换效果。分享给大家供大家参考。具体如下：这是一款基于jquery的幻灯片图片切换效果代码，有缩略图和标题，可以自定义标题。运行效果图： -------------------查看效果 下载源码-------------------小提示：浏览器中如果不能正常运行，可以尝试切换浏览模式。（1）在head区域引入CSS样式：<LINK rel=stylesheet type=text/css href="css/l...
<< 1181 1182 1183 1184 1185 1186 1187 1188 1189 1190 >>
版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图