代码:<body> <div class="box"> <div class="card">卡片1</div> <div class="card">卡片2</div> <div class="
原创 2022-05-24 18:09:06
4967阅读
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>DIV+CSS+JS实现色彩渐变字体</title> <style type="tex
qt
原创 2021-07-13 17:05:43
263阅读
<style type="text/css"> /* 半透明的遮罩层 */ #overlay {     background: #000;     filter: alpha(opacity =   50)
原创 2014-02-10 11:00:45
2810阅读
<!--// // Name: Div Scroll Bar// Author: Xiaosa// Contact: goldenlove518@msn.com// CreateDate: 2005-7-11// LastChange: 2005-7-12//
转载 2023-09-07 13:33:17
512阅读
<div class="minVideoViewBox"> <div class="miniStreamView"></div> <div class="miniStreamView"></div> <div class="miniStreamView"></div> <div class="min Read More
转载 2020-03-09 17:51:00
4008阅读
2评论
首先介绍下什么是htc文件 htc文件是一种脚本文件 在ie6 7 8 都需要用到htc文件实现圆角调用代码如下 .mydiv{ border: 2px solid #C0C0C0; -moz-border-radius: 10px;         // firefox 圆角 -webkit-border
原创 2011-03-01 09:53:02
705阅读
显示效果如图所示:素材图片:1.html代码:<span style="font-size:18px;"><div class="grade_warp"> <div class="User_ratings User_grade"> <div class="ratings_bars"> <span id=
ddddddddd top5.html-------------------<html> <head>  <title>Top 5 CD Recommendation
原创 2023-06-27 16:48:39
42阅读
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.
转载 2021-08-18 00:54:48
997阅读
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml">&l
转载 2019-02-14 23:56:56
1372阅读
其实没什么难点,主要就是两个CSS属性 scroll-snap-type 这个是作用在包裹容器身上的. scroll-snap-align 这个是作用在被包裹容器身上的. 效果如下图所示: 代码如下: <!DOCTYPE html> <html lang="en"> <head> <meta cha ...
转载 2021-09-12 20:50:00
532阅读
2评论
以下为本人总结兼容一切主流浏览器的边框阴影 css代码: <style type="text/css"> .mydiv{ width:250px;height:auto;border:#909090 1px solid;background:#fff;color:#333; filter:progid:DXImageTransform.Microsoft.
原创 2011-02-28 15:52:08
10000+阅读
2点赞
4评论
当页面滚动条滚动到指定或大于 div 初始位置时,div 始终保持在页面顶部不动,滚动条小于初始位置时 div 还原  $(function () {
转载 2022-10-28 16:21:16
164阅读
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>拖拽</title>
原创 2023-02-14 08:58:36
273阅读
overflow-y:scroll的使用1.首先设置固定div的宽高1.首先设置固定div的宽高如果设置overflow:auto;表示当你内容超过div高度出现滚动条overflow语法如下:overflow : visible | auto | hidden | scroll 参数: visible :不剪切内容也不添加滚动条。假如显式声明此默认值,对象将被剪切为包含对象的
转载 2023-06-08 15:42:51
273阅读
滑动窗口 java实现 js滑动窗口
转载 2018-11-04 23:59:00
138阅读
<div id="container"> <input type="text" id="test"><button id="add">添加</button> </div> <div><p>tetse</p></div> <script type="text/javascri
转载 2023-06-15 22:41:13
194阅读
css:.notclick{pointer-events: none;}js:$("#divID"/".divClass").addClass("notclick");//设为不可点击$("#divID"/".divClass").removeClass("notclick");//移除不可点击
css
原创 2022-10-13 17:06:22
790阅读
最近在猛学js  基本上可以写出一般简单的效果.   原理:   1.用html和css模拟表现. 一个div设置边框,设置背景图片(这个背景图片我截取了IE8浏览器下的那个)   right top 让它到div的右边  这样就基本实现了select的表面.   2.然后添加下拉列表(ul) 这个我用了绝对定位 &nbsp
原创 2009-06-12 17:06:13
3820阅读
6评论
window.onscroll=function(){if(window.scrollY<50){$('.header_nav1').css({'position':'relative'});}if(window.scrollY>50){$('.header_nav1').css({'z-index':'100','top
原创 2018-04-03 18:56:22
1820阅读
  • 1
  • 2
  • 3
  • 4
  • 5