jquery 实现ul li 初始 展开部分 点击展开全部效果
前端网站 JS&CSS
效果:默认显示10个,点击尾部,展开所有归档,展开所有jquery代码很简单:<script>
$('#guidanga li:gt(9)').hide();
$('.show_button').click(function() {
$('ul li:gt(9)').show();
$('.show_butt... ...
阅读全文
一个基于 html5 canvas 绘制的网页背景效果 canvas-nest.js
前端网站 JS&CSS
github使用方法地址:https://github.com/hustcc/canvas-nest.js/blob/master/README-zh.md 下载地址:https://unpkg.com/canvas-nest.js@2.0.4/dist/canvas-nest.js效果看下图:特性不依赖 jQuery,使用原生的 javascript。非常小,只有 7 Kb。非常容易实现,配置简单,即使你不是 web 开发者,也能简单搞定。模块化 & 区域渲染。使用快捷使用将下面的代码插入到 <body> 和 </body> 之间.<script&nbs... ...
阅读全文
小玩意:浏览器标签标题变化
前端网站 JS&CSS
<script>
var titletxt =$(document).attr("title");
window.onfocus =function () {
document.title ='哎呀,又回来了...';
setTimeout(function () {document.title =titletxt;},1000);
};
window.onblu... ...
阅读全文
JavaScript返回上一页和刷新当前页
前端网站 JS&CSS
js/jquery 返回上一级页面并刷新form.ajaxSubmit({
dataType:'json',
success:function(json){
if(json.errcode == 0){
window.location.href=document.referrer;
}
}
});... ...
阅读全文
Ueditor上传单张图片 后台成功返回 前端显示 上传失败
UEditor 前端网站 JS&CSS 工具软件
现象单张上传图片,已经成功上传图片,并且后端也返回了 json 数据,但是编辑器仍然显示,上传失败!分析,定位故障既然后端ok,那么肯定是前端的问题,通过 ueditor.config.js 找到这货叫做 simpleupload ,再找文件 ueditor.all.js 里面对应的函数。最终锁定是 callback 出现了问题。大概在 24520 行。打印了 body,result,json 三个变量。json 竟然没有拿到后端返回的 json 值。body 的内容如下:可见 result 的取值导致 json 拿不到数据。reault 只需要取 pre 标签里面的内容就行了。<bod... ...
阅读全文
css 设置字体大小 火狐浏览器和谷歌浏览器显示的不一样
前端网站 JS&CSS
在css样式字体大小用px像素定死的情况下,发现【火狐浏览器】和【谷歌浏览器】所显示的字体大小不一样,其根本原因是一个小常识:谷歌浏览器默认字体大小最小为12px,字体设置低于12px时按默认显示。因此,小于12px的字体,火狐按照实际大小显示,而谷歌,360等用相同内核的最低12px显示。... ...
阅读全文
form表单中submit提交按钮绑定onclick事件 先提交还是先处理事件?
前端网站 JS&CSS
亲测结果: 先执行hello(); 依照hello()返回值如果为false,则停止,否则执行提交操作代码示例:<script type="text/javascript">
function hello()
{document.getElementById('title-contact').innerHTML="<img src=/statics/images/loading1.gif>正在登录交大系统...";
document.getElementBy... ...
阅读全文
javascript实现一篇长文章 展开 收起 效果
前端网站 JS&CSS
效果如下图:代码如下:<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatib... ...
阅读全文
js 跳转网页URL链接的几种方式
前端网站 JS&CSS
1、跳转链接 在当前窗口打开window.location.href="http://www.baidu.com" 等价于 <a href="baidu.com" target="_self">go baidu</a>2、跳转链接 在新窗口打开window.open("http://www.baidu.com") 等价于 <a href... ...
阅读全文
javascripts随机返回正整数函数
前端网站 JS&CSS
max,min给定的是整数var code = getRandomInt(0,100);
function getRandomInt(min, max) {
return Math.floor(Math.random() * (max - min + 1)) + min;
}max,min给定的是浮点数var code = getRandomInt(0.123,100.... ...
阅读全文