jquery.stellar实现视觉滚动差异效果代码
代码语言:html
所属分类:视觉差异
代码描述:jquery.stellar实现视觉滚动差异效果代码
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>BFW NEW PAGE</title> <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/jquery.17.js"></script> <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/jquery.stellar.min.js"></script> <script type="text/javascript"> $(function() { $.stellar({ horizontalScrolling: false, //设置垂直滚动视差效果 responsive: true }); }) </script> <style> body { font-size: 100px; color: white; text-shadow: 0 1px 0 black, 0 0 5px black; text-align: center; line-height: 600px; } p { padding: 0 0.5em; margin: 0; } .content { background-attachment: fixed; } #content1 { background-image: url("//repo.bfw.wiki/bfwrepo/image/5e15dae696d11.png"); } #content2 { background-image.........完整代码请登录后点击上方下载按钮下载查看
网友评论0