分类： 前端
HTML中用js实现select对div的隐藏与显示
HTML中用js实现select对div的隐藏与显示
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
……
hide和show方法
jquery点击隐藏
$("#hide").click(function(){
$("p").hide();
});
jquery点击隐藏 过度时间1秒钟
$("#hide").click(function(){
$("p").hide(1000);
……
toggle()切换
通过 jQuery，可以使用 toggle() 方法来切换 hide() 和 show() 方法
显示被隐藏的元素，或隐藏已显示的元素
jquery点击切换
$("button").click(function(){
……
width()方法
jQuery使用width()方法根据网页body宽度自适应修改div元素宽度
弹出当前body元素的宽度
alert($("body").width());
根据当前浏览器宽度，修改某div元素的宽度
……
height()方法
jQuery使用height()方法根据某元素高度修改另一div元素高度
根据当前ul元素高度，改变下面img的高度
var height = $('ul').height();
$('img').css('height',……
使用jq控制滚动条位置
$(".tjicobox").animate({scrollLeft: '+=75'}, "slow");
html前端css网页font-family好看字体
body{font-family: Times,"Times New Roman", "楷体";}
表单select下拉选项点击跳转
使用以下代码可实现
<select onchange="window.location=this.value;">
<option value='https://gezhisen.com'>选项1</option>
&……
封装一个表单提交之后显示执行结果的弹窗
// 封装弹窗函数
function tanChuang(str,state){
$('body').append('<div id="alertMessage"><div class="alertBody"><span class="clo……
html表单防止F5刷新弹出弹窗重复提交的js代码
window.history.replaceState(null, null, window.location.href);
