javascript에서...

spark1000의 이미지


javascript 를 쓰면,

그 javascript가 사실, 플래시나 그림을 가지고 동작하게 만드는 것이 아니고,

그냥 체크박스나, 표나, 리스트 이런 것들만 만들잖아요(약간 html 처럼...)

그런데, 표나, 리스트 등은, javascript 명령어로, 예를 들어, '표'! 또는 '리스트!'이렇게 치면,

어떤 기본값(디폴트) 로 되는 표가 그려지나요?

그러니까, 자기가 따로, 표나, 리스트가 어떤 특정하게 다른 형태로 그려지게 하려고 하거나 하여도,

나오는 디폴트 스타일로 그냥 써야되나요?

그런데 보면, 어떤 굉장히 멋있는, 어떤 게임을 선택할것인지에 대한 '리스트'가 쭉 있었는데

(예를들어서, 검은바탕에 분명 리스트가 하나하나 선택될 때 어떤 색깔 효과가 무지개 색이고,

리스트의 바운더리가 약간 둥그스름한 처리가 돼있고 )

그런데, 이런 효과들도 단순히

'표!' 나오라!, 또는 '리스트!'나오라!

하는 간단한 명령어 만으로, 저런 효과들이 나올 수 있을까요?

어떤 사람이 그 리스트를 보여주며, 이것 다 자바스크립트로 만든거에요

라고 하던데,

사실, 명령어로 '리스트' 하고 쳤을 때, 그림에 나와주는 리스트는 딱 기본적인 리스트 딱 하나일 것 같고요,

저런 효과를 주려면,

어떤 자바스크립트 명령어에다가 무엇인가를 말을 해야될 것 같은데,

예를 들어서,

'리스트! 그 테두리가 약간 둥그스름하게 처리되라!' 뭐 이렇게 명령하면, 컴퓨터가 알아먹고 그렇게 멋있는 리스트를 만들어내나요?

아니면, 자바스크립트에, 그 리스트가 표현되게 하는, 어떤 이미지를 첨부시켜서, 둥그스름한 테두리 그림의 리스트가

뜨게끔 명령하고, 이미지를 첨부시키는 것인가요?

자바스크립트가, 이미지, 애니메이션 베이스의 언어가 아닌데,

자바스크립트 명령어로, 기본스타일 체크박스,리스트,버튼 뿐 아니라, 정말 다양한 모양의 체크박스, 리스트,버튼을

만들어내는 것을 보고요, (심지어 미키마우스 모양 버튼까지...)

이런 버튼은 어떻게 하는지... 그 버튼의 모양을, 미키마우스 이미지가 버튼이 되게끔 연결시키는 어떤 명령어가 있나요?

댓글 달기

Filtered HTML

  • 텍스트에 BBCode 태그를 사용할 수 있습니다. URL은 자동으로 링크 됩니다.
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param><hr>
  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.

BBCode

  • 텍스트에 BBCode 태그를 사용할 수 있습니다. URL은 자동으로 링크 됩니다.
  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param>
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.

Textile

  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • You can use Textile markup to format text.
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param><hr>

Markdown

  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • Quick Tips:
    • Two or more spaces at a line's end = Line break
    • Double returns = Paragraph
    • *Single asterisks* or _single underscores_ = Emphasis
    • **Double** or __double__ = Strong
    • This is [a link](http://the.link.example.com "The optional title text")
    For complete details on the Markdown syntax, see the Markdown documentation and Markdown Extra documentation for tables, footnotes, and more.
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param><hr>

Plain text

  • HTML 태그를 사용할 수 없습니다.
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.
  • 줄과 단락은 자동으로 분리됩니다.
댓글 첨부 파일
이 댓글에 이미지나 파일을 업로드 합니다.
파일 크기는 8 MB보다 작아야 합니다.
허용할 파일 형식: txt pdf doc xls gif jpg jpeg mp3 png rar zip.
CAPTCHA
이것은 자동으로 스팸을 올리는 것을 막기 위해서 제공됩니다.