JavaScript资料,JavaScript文章,JavaScript文档-易库教程

js实现div模拟模态对话框展现URL内容

2017年02月06日 9 阅读

本文实例讲述了js实现div模拟模态对话框展现URL内容。分享给大家供大家参考，具体如下：<script>function sAlert（str）{ var msgw,msgh,bordercolor; msgw=800;//提示窗口的宽度 msgh=600;//提示窗口的高度 titleheight=25 //提示窗口标题高度 bordercolor="#336699";//提示窗口的边框颜色 titlecolor="#99CCFF";//提...

JS集成fckeditor及判断内容是否为空的方法

2017年02月06日 9 阅读

本文实例讲述了JS集成fckeditor及判断内容是否为空的方法。分享给大家供大家参考，具体如下：<script type="text/javascript"><！--// Automatically calculates the editor base path based on the _samples directory.// This is usefull only for these samples. A real applic...

jQuery自定义图片缩放拖拽插件imageQ实现方法（附demo源码下载）

2017年02月06日 9 阅读

本文实例讲述了jQuery自定义图片缩放拖拽插件imageQ实现方法。分享给大家供大家参考，具体如下：综合网上一些代码自己写的一个图片缩放拖拽的小插件/** * * <a href="http://lib.csdn.net/base/22" class="replace_word" title="jQuery知识库" target="_blank" style="color:#df3434; font-weight:bold;">jQuery...

js获取客户端操作系统类型的方法【测试可用】

2017年02月06日 9 阅读

本文实例讲述了js获取客户端操作系统类型的方法。分享给大家供大家参考，具体如下：<！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><...

js基于cookie方式记住返回页面用法示例

2017年02月06日 9 阅读

本文实例讲述了js基于cookie方式记住返回页面的用法。分享给大家供大家参考，具体如下：首先明确以下概念①.同名的 cookie，不同的 domain 或不同的 path，属不同的 cookie；同名的 cookie，相同的 domain 且相同的 path，不同的 expires，属同一个 cookie。②.不加过期时间的cookie在浏览器关闭后失效③二级域名cookie可以生效，通过指定domain于是在js端document.cookie="ba...

jQuery+Ajax+PHP弹出层异步登录效果（附源码下载）

2017年02月06日 9 阅读

弹出层主要用于展示丰富的页面信息，还有一个更好的应用是弹出表单层丰富交互应用。常见的应用有弹出登录表单层，用户提交登录信息，后台验证登录成功后，弹出层消失，主页面局部刷新用户信息。本文我们将给大家介绍如何使用jQuery+Ajax+PHP弹出层异步登录的应用。效果展示源码下载HTML由于本例UI部分使用了Bootstrap，以及使用jQuery插件，因此需要事先载入相关文件，推荐大家使用相关的CDN资源。<link rel="stylesheet" ...

Dojo获取下拉框的文本和值实例代码

2017年02月06日 9 阅读

DojoDojo是一个用javascript语言实现的开源DHTML工具包。它是在几个项目捐助基础上建立起来的（nWidgets,Burstlib,f（m））,这也是为什么叫它a"unified"toolkit的原因。Dojo的目标是解决开发DHTML应用程序遇到的那些，长期存在、历史问题（historical problems with DHTML）。跨浏览器问题。1、问题背景这里有一个下拉框，其中选项为一年四季，选中后打印下拉框的值和文本2、实现源码&...

基于JavaScript FileReader上传图片显示本地链接

2017年02月06日 9 阅读

简介使用FileReader对象,web应用程序可以异步的读取存储在用户计算机上的文件（或者原始数据缓冲）内容,可以使用File对象或者Blob对象来指定所要处理的文件或数据.其中File对象可以是来自用户在一个<input type="text" />元素上选择文件后返回的FileList对象,也可以来自拖放操作生成的 DataTransfer对象,还可以是来自在一个HTMLCanvasElement上执行mozGetAsFile（）方法后的...

Bootstrap Paginator分页插件与ajax相结合实现动态无刷新分页效果

2017年02月06日 9 阅读

Bootstrap Paginator分页插件下载地址：DownloadVisit Project in GitHub1.这是需要分页的页面放的 js函数：<span style="font-size:14px;">function paging（page）{ $.ajax（{ type: "GET", url: "${ctx}/api/v1/user/1/"+（page-1）+"/5", dataType:"json", success: f...

限制文本框只能输入数字||只能是数字和小数点||只能是整数和浮点数

2017年02月06日 9 阅读

onlyNumber.html 测试代码:<html><head><script language="JavaScript" >function onlyNumber（obj）{//得到第一个字符是否为负号var t = obj.value.charAt（0）; //先把非数字的都替换掉，除了数字和. obj.value = obj.value.replace（/[^d.]/g,""）; //必须保证第一个为数字而不是....

JS组件Bootstrap Table布局详解

2017年02月06日 9 阅读

Bootstrap 提供了一个清晰的创建表格的布局。下表列出了 Bootstrap 支持的一些表格元素：表格类下表样式可用于表格中：<tr>, <th> 和 <td> 类下表的类可用于表格的行或者单元格：基本的表格如果您想要一个只带有内边距（padding）和水平分割的基本表，请添加 class .table，如下面实例所示：<div class="row"><table class="table"&g...

使用Bootstrap框架制作查询页面的界面实例代码

2017年02月06日 9 阅读

以Bootstrap框架来进行设计和开发,是目前国际上比较流行的一个趋势。很多软件公司在优化新产品时,因为其在js和控件上的综合优势,会选用这个开发框架。Bootstrap框架是一个前端UI设计的框架，它提供了统一的UI界面，简化了设计界面UI的过程（缺点是定制了界面，调整的余地不是太大）。尤其是现在的响应时布局（我的理解是页面根据不同的分辨率，采用不同的页面元素的布局），在Bootstrap中很好的支持了，只要简单设置了属性，就能自动实现响应时布局，大大...

Bootstrap布局方式详解

2017年02月06日 9 阅读

Bootstrap 3 是移动设备优先的，在这个意义上，Bootstrap 代码从小屏幕设备（比如移动设备、平板电脑）开始，然后扩展到大屏幕设备（比如笔记本电脑、台式电脑）上的组件和网格。一、移动设备优先策略1、内容：决定什么是最重要的。2、布局优先设计更小的宽度。基础的 CSS 是移动设备优先，媒体查询是针对于平板电脑、台式电脑。3、渐进增强随着屏幕大小的增加而添加元素。响应式网格系统随着屏幕或视口（viewport）尺寸的增加，系统会自动分为最多12列...

Bootstrap安装环境配置教程分享

2017年02月06日 9 阅读

Bootstrap 安装是非常容易的。此文是本人的学习汇总，便于以后查询学习，同时也希望给大家带来帮助。一、下载 Bootstrap您可以从 http://getbootstrap.com/ 上下载 Bootstrap 的最新版本。当您点击这个链接时，您将看到如下所示的网页：您会看到两个按钮：Download Bootstrap：下载 Bootstrap。点击该按钮，您可以下载 Bootstrap CSS、JavaScript 和字体的预编译的压缩版本。不...

非常酷炫的Bootstrap图片轮播动画

2017年02月06日 9 阅读

对于网站开发者来说，对展示内容增加一个滑动或者是轮播效果的是非常常见的需求。收费和免费的轮播插件多的是不胜枚举。其中很多提供很多有用的配置选项和动态效果。很多时候，如果你的项目需要的是一个轻量级的轮播，不需要很多的功能。同时你的项目是采用Bootstrap，（一个最流行的开源前端框架）的话。你可以参考一下bootstrap官方组件。这篇文章将展示如何在 Bootstrap轮播上添加有趣的动画效果。同时确保这个js组件自由扩展和快速上手。介绍Animat...

所见即所得的富文本编辑器bootstrap-wysiwyg使用方法详解

2017年02月06日 9 阅读

本文教大家如何使用bootstrap-wysiwyg文本编辑器，充分发挥编辑器的优势，希望大家可以有所收获。主要特性：超小5kb 自动的热键支持（MAC和windows）拖放的插入图片，支持图片上传（支持手机拍照）支持声音输入（chrome支持）允许自定义的工具条，可以使用所有的bootstrap内容，字体不使用任何强制的样式 …………………………其实不止这些，需要大家自己去探索，加油吧！使用其实很简单的，倒入bootstrap相关CSS，JS，...

极力推荐一款小巧玲珑的可视化编辑器bootstrap-wysiwyg

2017年02月06日 9 阅读

bootstrap-wysiwyg结合ajax实现图片上传实时刷新功能

2017年02月06日 9 阅读

最近由于项目需求，要实现一个前端文本编辑框，附带图片上传实时查看的功能。比较了网上的几款插件，首先是百度的UEitor，发现该框架过于庞大，一个小框架引入如此多的文件并不是我想看到的；其次是jQuery的easyUI，虽然个人版的是免费的，但是项目属于公司业务，似乎用商业版的框架并不妥。考虑到项目的前端主要就是在bootstrap的基础上构建起来的，最终选用了bootstrap-wysiwyg插件，它非常的精简，轻巧而且扩展性强。引入bootstrap-w...

全面解析多种Bootstrap图片轮播效果

2017年02月06日 9 阅读

分享了三种Bootstrap图片轮播效果，相信总有一款你满意的！第一种效果：Bootstrap简单轮播<！DOCTYPE html><html><head> <title>Bootstrap 实例 - 简单的轮播（Carousel）插件</title> <link href="/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet"&g...

Bootstrap3.0学习教程之JS折叠插件

2017年02月06日 9 阅读

过渡效果关于过渡效果对于简单的过渡效果，只需将transition.js和其它JS文件一起引入即可。如果你使用的是编译（或压缩）好的bootstrap.js文件，就无需再单独将其引入了。What"s insideTransition.js是针对 is a basic helper for transitionEnd事件的一个基本助手工具，也是对CSS过渡效果的模拟。它被其它插件用来检测当前浏览器对CSS过渡效果是否支持。折叠对为支持折叠功能的组件，例如a...

首页 / 脚本样式 / JavaScript

js实现div模拟模态对话框展现URL内容

JS集成fckeditor及判断内容是否为空的方法

jQuery自定义图片缩放拖拽插件imageQ实现方法（附demo源码下载）

js获取客户端操作系统类型的方法【测试可用】

js基于cookie方式记住返回页面用法示例

jQuery+Ajax+PHP弹出层异步登录效果（附源码下载）

Dojo获取下拉框的文本和值实例代码

基于JavaScript FileReader上传图片显示本地链接

Bootstrap Paginator分页插件与ajax相结合实现动态无刷新分页效果

限制文本框只能输入数字||只能是数字和小数点||只能是整数和浮点数

JS组件Bootstrap Table布局详解

使用Bootstrap框架制作查询页面的界面实例代码

Bootstrap布局方式详解

Bootstrap安装环境配置教程分享

非常酷炫的Bootstrap图片轮播动画

所见即所得的富文本编辑器bootstrap-wysiwyg使用方法详解

极力推荐一款小巧玲珑的可视化编辑器bootstrap-wysiwyg

bootstrap-wysiwyg结合ajax实现图片上传实时刷新功能

全面解析多种Bootstrap图片轮播效果

Bootstrap3.0学习教程之JS折叠插件