> 웹 프론트엔드 > JS 튜토리얼 > 각주 effect_javascript 기술을 달성하기 위해 Javascript 및 CSS를 사용하십시오.

각주 effect_javascript 기술을 달성하기 위해 Javascript 및 CSS를 사용하십시오.

WBOY
풀어 주다: 2016-05-16 18:46:54
원래의
2036명이 탐색했습니다.

그러나 각주에는 이러한 이점이 있으므로 웹 페이지에서도 이를 활용해야 합니다. 이 기사에서는 Javascript와 CSS를 사용하여 각주 효과를 얻는 방법을 소개합니다.

코드 복사 코드는 다음과 같습니다.




테스트 코드: 아래 코드를 저장하고 실행해 보세요.



코드 복사

코드는 다음과 같습니다.







用 Javascript 和 CSS 实现脚注(Footnote)效果 - 注释, css, Javascript, footnote, 脚注,







    

사용 Javascript 및 CSS 实现脚注(각주)效果


    






    


    

Article 1


    

在编程的过程中,我们通常都会积累很多简单、有效并且可重用的小段代码,一个简单的字符串处理函数函数是将唯一的输出值赋予每一输入的『法则』(Wikipedia)。或者一个验证邮件地址的正则表达式正则表达式(Regular Expression)描述了一种字符串匹配的模式,可以用来检查一个串是否含有某种子串、将匹配的子串做替换或者从某个串中取出符合某个条件的子串等。,又或者一个简单的文件上传类,甚至一个效果不错的CSSCSS 是 Cascading Style Sheet 的缩写。译作「层叠样式表单」。是用于(增强)控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。 导航样式。这些小技巧为我们节省了不少时间,但是时间一长,代码数量越来越多,寻找起来也耗费了不少时间。因此,本站致力于收集整理一些类似的小知识,并且努力提高文章搜索质量,一来方便大家查阅,二来也算是支持一下开源事业。
    


    

本站收集的代码和教程中,有从世界著名开源软件中摘取的函数、类类是对某个对象的定义。它包含有关对象动作方式的信息,包括它的名称、方法、属性和事件。,也有网友提交的原创或翻译的精彩文章。本站的收录代码的标准是:简单、精彩、通用。
    



    


    


;

Article 2


간단하고 효과적이며 재사용이 가능한 여러 작은 코드 조각, 간단한 문자열 처리 함수이 함수는 각 입력에 고유한 출력 값을 할당하는 "법칙"입니다(Wikipedia). 또는 이메일 주소 확인을 위한 정규식정규식(Regular Expression)은 문자열에 특정 Seed 문자열이 포함되어 있는지 확인하는 데 사용할 수 있는 문자열 일치 패턴을 설명합니다. 하위 문자열을 일치시키거나 특정 문자열에서 특정 조건을 충족하는 하위 문자열을 제거하는 등의 작업을 수행합니다. , 간단한 파일 업로드 클래스, 심지어 좋은 CSSCSS는 Cascading Style Sheet의 약어입니다. "Cascading Style Sheets"로 번역되었습니다. 웹 페이지 스타일에 대한 (향상된) 제어에 사용되는 마크업 언어이며 웹 페이지 콘텐츠에서 스타일 정보를 분리할 수 있습니다. 탐색 스타일. 이러한 작은 트릭은 우리에게 많은 시간을 절약해 주지만, 시간이 지날수록 코드의 수가 늘어나고 그것을 찾는데 많은 시간이 걸립니다. 따라서 이 웹사이트는 유사한 지식을 모아 정리하고, 기사 검색의 질을 높이기 위해 노력하고 있습니다. 첫째, 누구나 쉽게 확인할 수 있으며, 둘째, 오픈 소스를 지원한다고 볼 수 있습니다. .


이 사이트에 수집된 코드와 튜토리얼 중에는 세계적으로 유명한 오픈 소스 소프트웨어에서 추출한 함수와 클래스가 있습니다 객체. 여기에는 이름, 메서드, 속성 및 이벤트를 포함하여 개체가 동작하는 방식에 대한 정보가 포함됩니다. , 네티즌들이 제출한 원본 또는 번역된 훌륭한 기사도 있습니다. 이 사이트에 코드를 포함하는 기준은 단순함, 흥미로움, 보편적입니다.





>

< ********************************* 예제 코드 끝******** ***** **************************-->
                                                              뒤로">"Javascript 및 CSS를 사용하여 각주 효과 얻기"로 돌아가기




< ;div class="ad">

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿