使用场景在开发Chrome插件时, 有一种需求:要求在WEB页面显示一个浮动窗口(A), 在此窗口中允许用Ajax方式调用另一个服务器上的一个页面(B)B页面上有独立的功能用JS写function来实现 已知条件窗口A可以利用content-script.js动态生成窗口A中放置一个按钮, 调用Onclick方法召唤出B页面, 样例代码如下<button onclick="invokeContentScript(‘openalertWin()‘)">test</button>具体实现的functionfunction openalertWin(){var domobj =...
插件(Plugin)livequery插件比如如果为页面上的所有div绑定了click事件,那么之后如果再动态创建一个div插入文档后,这个div则不会有click事件,livequery插件能使后来动态创建的元素也能自动注册事件。livequery(type,x,y)为JQuery对象绑定事件(包括使用Javascript动态插入的元素),type是事件触发方式,x是事件侦听器,y是可选的事件完成后的回调方法。$(document).ready(function () {//使用livequery绑定事件$(‘a‘).liveq...
一、全局CSS1、概述1. 全局CSS样式:* 按钮:class="btn btn-default"* 图片:* class="img-responsive":图片在任意尺寸都占100%* 图片形状* <img src="..." alt="..." class="img-rounded">:方形* <img src="..." alt="..." class="img-circle"> : 圆形* <img src="..." alt="..." class="img-thumbnail"> :相框* 表格* table* table-bordered* table-hover* 表单* 给表单项添加:class="form-control"按钮、图片<!DOCTY...
当前测试版本:cocos2d-x 3.8.1 3.7也试用,之下的版本没测过,一般是路径改变,文件名称一般不会变注:当前工程是通过控制台new的工程,不是cocosStudio创建的工程必须先通关官网:http://www.cocos.com/doc/article/index?type=cocos2d-x&url=/doc/cocos-docs-master/manual/framework/cocos2d-js/catalog/../../html5/facebook-sdk/facebook-sdk-on-ios/zh.md发现按照教程一步步走完后,编译到linking的时候出错,心中一万...
遇到一些比较复杂的动画可以用插件帮忙,我一般选择animate.css,有时间和机会的话试下 jquery.transit.js: jquery.transit.js:http://code.ciaoca.com/jquery/transit/demo/ animate.csshttp://alloyteam.github.io/JXAnimate/jxanimate_demo.html 这是老大之前发的动画原则,虽然我还没用过,但感觉总会有用上的一天http://www.sunnyzhen.com/course/animation_principles/demo.html?from=timeline&isappinstalled=0原文:http...
轮播请查看以下示例,基本已经涵盖最常用的一个轮播<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>js插件_轮播</title><link rel="stylesheet" href="css/bootstrap.min.css" type="text/css"><!--<link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css">--><script src="js/jquery-1.11.1.min.js"...
做项目基本离不开表单验证,想要美观,简洁,不占内存,用户体验效果好所以我推荐一款js表单验证 因为我觉得这个挺好的,所以分享下文档 下面也有下载的压缩包https://github.com/posabsolute/jQuery-Validation-Engine650) this.width=650;" src="/upload/getfiles/default/2022/11/14/20221114022705218.jpg" title="FA%R{72F3)K[WBK2(U4R4ZM.png" />昵称做了ajax验证判断输入的用户是否存在 会提示先等待的信息。。。(我这里设置...
目前谷歌翻译小工具对中文网页(以及其他语言网页)提供了对其他二十三种语言的翻译: 中文(繁体),英文,阿拉伯文,保加利亚文,波兰语,朝鲜语,丹麦语,德语,俄语,法语,芬兰语,荷兰语,捷克语,克罗地亚文,罗马尼亚语,挪威语,葡萄牙语,日语,瑞典语,西班牙语,希腊语,意大利语和印度文。也就是说当你的网站使用了谷歌翻译小工具后,你的网站马上可以以另外二十三种语言显示,这对所有期望与国际接轨,让全球网民了解中国博...
window.onload 页面加载完成后执行 window.onload = function () {function dom(id) { return document.getElementById(id); }dom("id1").onclick = function () {this.innerHTML = ‘welcome‘;} }jQuery 插件部分 类级别的插件开发 1.1添加一个新的全局函数 jQuery.fn = function() {} 1.2增加多个全局函数 jQuery.fn = function() {} jQuery.fun = function() {}1.3使用jQuery.extend(object); 1.3.1添加函数 jQuery.extend({...
本文整理了7款基于JavaScript和AJAX的文件上传插件,这些插件基本上都能实现以下功能: 多文件上传拖拽操作实时上传进度自定义上传限制希望能为你的开发工作带来帮助。 1. jQuery File Upload 具有多文件上传、拖拽、进度条和图像预览功能的文件上传插件,支持跨域、分块、暂停恢复和客户端图像缩放。可与任何服务端平台(如PHP、Python、Ruby on Rails、Java、Node.js、Go等)一起使用,支持标准的HTML表单文件上传。 2. Pixel...
在实际项目中,经常由于浏览器自带的滚动条样式太戳,而且在各个浏览器中显示不一样,所以我们不得不去实现自定义的滚动条,今天我就用最少的代码实现了一个自定义滚动条,代码量区区只有几十行,使用起来也非常方便。<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><title>自定义滚动条</title><style type="text/css"> body,ul,dl,dd{ margin:0; padding:0; font-size:12px; ...
此滚动条仅支持竖向(Y轴)一、Css 1/*这里是让用户鼠标在里面不能选中文字,避免拖动的时候出错*/ 2body { -moz-user-select: none; /*火狐*/ -webkit-user-select: none; /*webkit浏览器*/ -ms-user-select: none; /*IE10*/ -khtml-user-select: none; /*早期浏览器*/ user-select: none; }3 4/*滚动文本及滚动条大框*/ 5.scroll_con { width: 500px; height: 500px; background-color: #5c0af7; position: relative; overflow-y...
javascript日历插件 最近在尝试着写javascript日历插件,所以也到github上看国外人日历源码,或者国内人写的好点的,也在研究点,虽然看到网上有一大把的日历控件,但是没有几个是自己想要的,虽然效果是实现了,但是看他们的源码,头有点大,所以自己也在研究这方面的东西。周末用了2天来研究别人写的代码 自己也试着做做demo,今天正好基本功能完成了,所以趁着这个机会分享下:我们可以先来看看效果:JSFiddler地址如下:d...
/** * Created by jiangtao on 2015/5/12. * name jihe */(function () { function gather(msg) { //适应参数 if (msg) { if (msg.imgFile != undefined) { this.imgFile = msg.imgFile; }; if (msg.wechatAppid != undefined) { this.wechatAppid = msg.wechatAppid; }; }; this.sendEventUrl=‘/x1371/wechat/event/...
jQuery插件开发模式jQuery插件开发方式主要有三种:1、通过$.extend()来扩展jQuery 主要是在jQuery命名空间或者理解成jQuery身上添加了一个静态方法2、通过$.fn 向jQuery添加新的方法3、通过$.widget()应用jQuery UI的部件工厂方式创建 主要是用来开发更高级jQuery部件的,该模式开发出来的部件带有很多jQuery内建的特性,比如插件的状态信息自动保存,各种关于插件的常用方法等 一、通过$.extend()来扩展jQuery 基础用法示例一<sc...